前端跨域问题

一：浏览器设置跨域
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
            }
        }
    }
  }