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
}