vue2打包后,接口地址可在打包文件中配置

        项目中遇到一个需要,打包后的项目需要部署到多个服务器,所以每次打包都需要修改环境变量的api的接口,先需要直接在打包文件中修改,不用每次都重新打包:

1.在public下创建config文件:

window.apiConfig={
    "VUE_APP_API_BASE_URL":"xxx"
}

2.在index.html中加入js引用

3. 在项目代码中修改,在直接使用process.env.VUE_APP_API_BASE_URL的地方修改为:

process.env.NODE_ENV === 'production'? window.webConfig.VUE_APP_API_BASE_URL:process.env.VUE_APP_API_BASE_URL

4.打包,打包后config文件会存在dist文件夹下,然后根据需要,直接修改config中的值即可。

(注意:该项目路由为hash,即项目url 中有‘#’)

你可能感兴趣的:(vue.js,javascript,前端)