如何根据环境(开发或生产)在Vue.js应用中动态设置url
?
例如:
在开发中axios.baseURL
必须为:'http://localhost:85/app'
但在生产中,必须为'/app/'
。
我的axios
配置:
import axios from 'axios';
const instance = axios.create({
baseURL: 'http://localhost:85/app',
headers: {
'Accept' : 'application/json, text/javascript, */*; q=0.01',
'Content-Type' : 'application/x-www-form-urlencoded; charset=UTF-8',
}
});
export default instance;
在这种情况下如何设置Web Pack?
最佳答案
您要使用webpack.DefinePlugin
:http://developmentnow.com/2016/07/13/webpack-injecting-server-urls/