一:浏览器设置跨域
1,Mac下chrome浏览器跨域
在终端中输入以下命令(yourname是自己本机用户名)
open -n /Applications/Google\ Chrome.app/ --args --disable-web-security --user-data-dir=/Users/yourname/MyChromeDevUserData/
打开的chrome有“–disable-web-security”相关的提示,说明浏览器设置跨域成功。
2,window下chrome跨域
这个简单了,,,直接右击选择chrome的属性,在快捷方式里的目标中的地址后面加段
(注意和原来的chrome.exe地址中间加个空格)
--disable-web-security --user-data-dir=C:\chromeData
如果失败了,可能是权限问题,打开cmd输入命令:
"C:\Users\UserName\AppData\Local\Google\Chrome\Application\chrome.exe" --disable-web-security --user-data-dir
“C:\Users\UserName\AppData\Local\Google\Chrome\Application\chrome.exe” —这里是路径
二,设置代理(以vue为例)
//vue-cli3.0 里面的 vue.config.js做配置
devServer: {
host: 'localhost',//target host
port: 8080,
//proxy:{'/api':{}},代理器中设置/api,项目中请求路径为/api的替换为target
proxy: {
'/api': { //这里最好有一个 /
target: 'http://172.16.1.1:8085', // 以 '/api' 开头的请求,就会把 target 字段加上,那么我的请求地址就是http://172.16.1.1:8085/api/xxxx/xxx
ws: true, //如果要代理 websockets,配置这个参数
secure: false, // 如果是https接口,需要配置这个参数
changeOrigin: true, //是否跨域
pathRewrite:{
'^/api':''
// //pathRewrite: {'^/api': '/'} 重写之后url为http://172.16.1.1:8085/xxxx
//pathRewrite: {'^/api': '/api'} 重写之后url为http://172.16.1.1:8085/api/xxxx
}
}
}
}