javascript - url 的 Webpack 别名

Question

如何根据环境(开发或生产)在 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？

Answer 1

你想使用webpack.DefinePlugin:http://developmentnow.com/2016/07/13/webpack-injecting-server-urls/