标签：Sonic 跨域 05 前端 server 远控 api 解决

一、问题分析

现象，ios 设备可以正常连接到 server，也可以打开远控，但远控的屏幕无法显示，F12中还看到跨域错误。如下图

 最后发现有两个问题：

1、agent 没有启动 5673，所以浏览器连不上，报的跨域错误

2、端口已经启动，还是报跨域，这就是真的跨域了 

二、解决

解决这个问题可以前端解决跨域，也可以后端解决跨域。这次用的前端解决方案

1、在 vite.config.js 中增加proxy

    server: {
        proxy: {
            '/api': {
                target: 'http://114.67.166.247:8094/api', // 是后端接口地址，需要根据实际情况修改
                changeOrigin: true,
                rewrite: (path) => path.replace(/^\/api/, '')
            }
        }
    },

2、在 axios.js 修改 baseURL

baseURL = "/api" // 这里改的是 dev 的配置，如果需要打包，需要把下边的 process.env.NODE_ENV === 'production' 也改成 /api

3、重新运行前端代码即可

npm install
npm run dev

标签：Sonic,跨域,05,前端,server,远控,api,解决
来源： https://www.cnblogs.com/rslai/p/16410678.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。