云e办前端项目--前端VUE跨域配置

前言

一直想开发一个功能比较强大的项目，但是一直没有动手，最近终于有点时间来折腾它了。由于时隔两年没有接触前端了，所以需要一个小项目先练练手感。等这个项目完工之后在着手搞一个大工程。都说好记星不如烂笔头，现在就将这一个过程记录下来，万一有什么踩坑的地方，也可以提示后来人。

配置文件路径

配置文件内容

let proxyObj = {}
// 所有需要代理的路径
proxyObj['/'] = {
    //websocket
    ws: false,
    //目标地址
    target: 'http://localhost:8003',
    //发送请求头中host会设置成target
    changeOrigin: true,
    //不重写请求地址,如果有前缀的话，可以从端口开始写前缀路径
    pathRewrite: {
        '^/': '/'
    }
}
module.exports = {
    devServer: {
        host: 'localhost',
        port: 8080,
        proxy: proxyObj
    },
    configureWebpack: {
        devtool: 'source-map'
    }
}