vue-cli开发环境代理配置

转载于 2018-06-12 16:50:44 发布 · 117 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://segmentfault.com/a/1190000015259137

文章标签：

#运维 #javascript #ViewUI

本文介绍如何在config文件夹下创建proxy.conf.js文件以设置HTTP代理，包括目标地址、源地址变更及路径重写等内容，并演示了如何在index.js中引入该配置文件及调整dev配置中的proxyTable变量。

config文件夹下新建 proxy.conf.js 文件：

module.exports = {
    '/api': {
        target: 'http://192.168.1.11:8080',
        changeOrigin: true,
        pathRewrite: {
            '^/api': ''
        }
    }
}

config文件夹下index.js中引入proxy.conf.js

    const proxyConfig = require('./proxy.conf')

修改index.js中dev配置中的proxyTable变量

dev: {
    proxyTable: proxyConfig
}

运行npm run dev重新启动项目

注：每次修改代理文件后都需重启