05 Sonic - 修改iso无法远控传图问题（前端解决跨域问题）
一、问题分析现象，ios 设备可以正常连接到 server，也可以打开远控，但远控的屏幕无法显示，F12中还看到跨域错误。如下图
https://img2022.cnblogs.com/blog/1267938/202206/1267938-20220625061758905-462953918.png
https://img2022.cnblogs.com/blog/1267938/202206/1267938-20220625061844187-1788343136.png
最后发现有两个问题：
1、agent 没有启动 5673，所以浏览器连不上，报的跨域错误
2、端口已经启动，还是报跨域，这就是真的跨域了
二、解决
解决这个问题可以前端解决跨域，也可以后端解决跨域。这次用的前端解决方案
1、在 vite.config.js 中增加proxy
https://img2022.cnblogs.com/blog/1267938/202206/1267938-20220625062307899-1106124848.png
server: {
proxy: {
'/api': {
target: 'http://114.67.166.247:8094/api', // 是后端接口地址，需要根据实际情况修改
changeOrigin: true,
rewrite: (path) => path.replace(/^\/api/, '')
}
}
},2、在 axios.js 修改 baseURL
https://img2022.cnblogs.com/blog/1267938/202206/1267938-20220625062450566-1975926292.png
baseURL = "/api" // 这里改的是 dev 的配置，如果需要打包，需要把下边的 process.env.NODE_ENV === 'production' 也改成 /api3、重新运行前端代码即可
npm install
npm run dev
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！
页:
[1]