[JavaScript知识库]vue项目前端如何配置跨域

谷歌浏览器升级，因同源策略限制前端无法本地调试，所以需配置跨域

配置方法：
vue项目是使用webpack启动和打包的，所以在vue.config.js文件webpack的devserver中配置代理。

//开发模式配置
    devServer: {
        port: port,
        open: true,
        overlay: {
            warnings: false,
            errors: true
        },
        //不检查域名
        disableHostCheck: true,
        //配置代理，开发模式接口由mock接管
        proxy: {
            //增加支持跨域代理
            '/oa-single': {
                target: "https://oa-alpha.ecloud.work/", //跨域网址
                secure: true, // 使用的是http协议则设置为false，https协议则设置为true
                changOrigin: true //开启代理
            }
        },
        //before after,前置后置处理
        //将所有请求交由apiMocker处理
        after(app) {
            require('@babel/register')
            const bodyParser = require('body-parser')

            // parse app.body
            // http://expressjs.com/en/4x/api.html#req.body
            app.use(bodyParser.json())
            app.use(bodyParser.urlencoded({
                extended: true
            }))

            const {
                default: mocks
            } = require('./mock')
            for (const mock of mocks) {
                app[mock.type](mock.url, mock.response)
            }
        }
    },