前端系列三十五：跨域问题及解决方案

SwitchHosts下载及添加配置：

http://test.auclt.baidu.os.com

http://test.asclt.baidu.os.com

这里仔细观察会发现请求地址后缀名后三位域名都是一样的，而这个时候我们本地请求这些地址会报跨域问题

解决步骤：

第一步：

打开项目找到vite.config.ts或vue.config.js文件：

在文件里const config = {

// 配置前端服务地址和端口

server: {

port: 9002,

open: true,

}

}

第二步：

以管理员打开SwitchHosts，打开后点击左上角加号

添加一个名字 ，完成后，在新添加的选中右边空白处去把本地lochost修改称同一个域名：

这样就可以解决跨域问题