vue项目打包生成外部配置文件修改后端访问地址

前端打包需要向后台问一个接口访问地址,测试环境、生产环境都需要一个地址,每次打包时都要前端切换地址,感觉很麻烦,现在这个方法是打包后,在配置文件中修改地址。

1、在public 文件下新建一个config.js文件,并进行编辑

vue项目打包生成外部配置文件修改后端访问地址_第1张图片

 

2、找到你请求接口的地方

const service = axios.create({
  baseURL: window.CONFIG.baseUrl,
  timeout: 10000
})

3、修改Index.html文件,引入config.js文件



  
    
    
    
    
    <%= htmlWebpackPlugin.options.title %>
  
  
    
    

vue项目打包生成外部配置文件修改后端访问地址_第2张图片

 4、dist包

vue项目打包生成外部配置文件修改后端访问地址_第3张图片

 

只要修改dist包下的config.js文件的url就可以了

你可能感兴趣的:(大数据)