Vue 如何解决跨域问题

springboot解决跨域问题 参考

那么前端怎么解决跨域呢，设置代理。

步骤：

在vue项目的根目录创建 vue.config.js

proxyObj['/'] = {
    //websocket
    ws: false,
    //后端地址
    target: 'http://localhost:8081',
    //是否跨域
    changeOrigin: true,
    /*
    '^/'是个正则表达式，匹配路径
    ''修改成的地址
     */
    pathRewrite: {
        '^/': ''
    }
}
module.exports = {
    devServer: {
    	//vue项目的运行地址及端口号
        host: 'localhost',
        port: 8080,
        proxy: proxyObj
    },
}

对于pathRewrite有疑问可以参考： rewrite