url 的 Webpack 别名答案

【问题标题】：Webpack alias for urlurl 的 Webpack 别名
【发布时间】：2018-01-31 12:51:31
【问题描述】：

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

【问题讨论】：

标签： javascript webpack vue.js axios

【解决方案1】：

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

【讨论】：