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/

url 的 Webpack 别名

Webpack alias for url

javascript

webpack

vue.js

axios