前言

作为一个后端，服务器的管理基本就是我的责任了。目前管理的是window服务器，和linux类似,window提供了一个批处理进行一些简单的操作。今天下午我就临时现学了下如何使用批处理替换指定文件的内容。

问题

公司前端同事写了静态页面,部署到nginx服务器上时,需要修改请求接口的地方。配置接口url和端口的地方在一个文件中。由于使用jenkins自动部署，所以需要该操作需要自动完成。

解决

百度谷歌了许久，才找到一些例子，参考着实现了下面的代码
直接贴代码了。

@echo off
setlocal enabledelayedexpansion
set file=D:\lightai-web\js\loginvue.js
set file_tmp=D:\lightai-web\js\loginvue_tmp.js
set file_bak=D:\lightai-web\js\loginvue_bak.js
set source1=100.224.226.100
set  source2=180

set replaced1=127.0.0.1
set replaced2=80

for /f "delims=" %%i in (%file%) do (
    set str=%%i
        set "str=!str:%source1%=%replaced1%!"
        set "str=!str:%source2%=%replaced2%!"
        echo !str!>>%file_tmp%
)
copy "%file%" "%file_bak%" >nul 2>nul
move "%file_tmp%" "%file%"

解释下逻辑

定义3个变量。分别是源文件、临时文件、备份文件。
定义2对变量。source是替换前的字符串。 replaced是替换后的字符串。
读取文件的每一行。进行替换。将内容写入到临时文件。
备份源文件。
临时文件覆盖源文件。完成替换。

使用方法

准备好文件。D:\lightai-web\js\loginvue.js
例如下面的文件。

var app = new Vue({
  el: '.popbox',
   data: {
     usename:'',
     password:null,
     ip:'http://100.224.226.100',
     port:'180',
   },
    methods:{
        loginbtn:function(){
            this.$http.jsonp(this.ip+':'+this.port+'/user/login',{params:{'userName':this.usename,'password':this.password}
      }).then(function(response){
                var res=response.body
                if(res.success){
                localStorage.tara=res.data.token.token
                localStorage.name=res.data.token.userName
                localStorage.role=res.data.user.role
                localStorage.http=this.ip
                localStorage.port=this.port
                window.location.href="index.html"
                }
                else{
                  alert(res.message)
                }
            })
        },
        forget:function(){
            $('.contant').addClass("show")
        }
    }
})

保存到bat文件中。双击执行即可。
此时打开文件。即可发现变成如下结果

var app = new Vue({
  el: '.popbox',
   data: {
     usename:'',
     password:null,
     ip:'http://127.0.0.1',
     port:'80',
   },
    methods:{
        loginbtn:function(){
            this.$http.jsonp(this.ip+':'+this.port+'/user/login',{params:{'userName':this.usename,'password':this.password}
      }).then(function(response){
                var res=response.body
                if(res.success){
                localStorage.tara=res.data.token.token
                localStorage.name=res.data.token.userName
                localStorage.role=res.data.user.role
                localStorage.http=this.ip
                localStorage.port=this.port
                window.location.href="index.html"
                }
                else{
                  alert(res.message)
                }
            })
        },
        forget:function(){
            $('.contant').addClass("show")
        }
    }
})