vue打包后生成配置文件用来配置后端服务器地址

83 阅读1分钟

1、创建

在public文件夹下创建配置文件config.js

const url = {
  //开发环境
  development: 'http://192.168.1.1:9000',
  //生产环境
  production: 'http://127.0.0.1:9000',
  }

放在public目录下的资源会被直接复制,不会经过webpack的打包处理参考链接

2、引入

在public文件夹下的index.html中引入config.js

  <script src="<%= BASE_URL %>config.js"></script>

引用资源文件且不希望被webpack处理,加上前缀<%= BASE_URL %>参考链接

3、具体使用

可以在使用axios配置baseURL时直接url.development/url.production引用

也可以根据环境设置地址参考链接

if(process.env.NODE_ENV === 'development'){
    baseURL = url.development
}else{
    baseURL = url.production
}