vue.config.js跨域配置

浏览器同源策略

1.协议      2.域名       3.端口 任一不同本地则存在跨域问题

请求接口，出现 Access-Control-Allow-Origin 提示表示存在跨域问题了

vue.config.js 文件配置解决跨域原理

1. 将域名发送给本地的服务器（localhost：8080）

2.再由本地服务器去请求真正的服务器（http://www.whhuiyyu.com）

3.因为请求是服务端发出的，所以就不存在跨域问题了

注意： 修改 vue.config.js 文件需重启服务

// vue.config.js文件
module.exports = {
    publicPath: process.env.NODE_ENV === 'production' ? './' : '/', // 配置相对路径
    devServer: {
        host: "localhost",
        port: 8080,
        // 跨域
        proxy: {
            '/': {
                target: 'http://www.whhuiyyu.com', //要跨域的地址，接口对接使用
                changeOrigin: true, // 允许跨域
                pathRewrite: {
                    '/': ''
                }
            }
        }
    }
}

接口对接

export const getMenu = (p) => get('admin/menu', p);

 getMenu().then(res => {}).catch(error => {});