如何通过代理请求解决跨域问题

通过前端解决跨域问题

1. 打开vue.config.js文件
2. 添加devServer属性，devServer属性值是一个对象
3. devServer对象中添加proxy属性

代码如下

• 注意：只有请求接口有设置的基准路径时才会触发代理请求

devServer: {
        open: true,    // 是否自动打开浏览器
        port: 3000,    //设置端口号
        // 请求代理
        proxy: {
            "/api": {   //  "/api"代表的是请求的基准路径
                target: 'https://m.maoyan.com', //代理地址
                changeOrigin: true, //是否开启代理请求
                pathRewrite: {
                    "^/api": "" // 把请求地址上的/api置空
                },
                logLevel:'debug',   //查看请求日志
            }
        }
    },