Vue3.0中解决跨域代理问题

图文未动，代码先行：

module.exports = {
    devServer: {
        proxy: {
            '/api': {
                target: 'https://you.163.com/', //接口域名
                changeOrigin: true,             //是否跨域
                ws: true,                       //是否代理 websockets
                secure: true,                   //是否https接口
                pathRewrite: {                  //路径重置
                    '^/api': ''
                }
            }
        }
    }
};

实现跨域共3个步骤：

1，vue3.0根目录下创建vue.config.js文件；

2，将上述代码块写入其中；

如图：

3，将api接口放入请求的url中；

 

使用页面的代码块：

代码解析：

浏览器页面：

 

剩下的就是把数据渲染到页面了。

 

结语：如果有错误或不足，恳请指出。如果有用的话，请多多点赞和关注吧，谢谢了！