实际开发者如何解决跨域

 当我们请求一个接口的时候，出现如(下)：Access-Control-Allow-Origin 字眼的时候说明请求跨域

 

 方法一:使用跨域浏览器

•  创建一个文件夹， C:\aaa

• 创建一个谷歌浏览器的快捷方式

• 在快捷方式点右键 =>属性=>目标，移动到最后，加入空格，粘贴 --disable-web-security --user-data-dir=C:\aaa

• 点击确定，打开后就是跨域浏览器

方案二:通过代理接口

1.在.env.development文件中设置

VUE_APP_BASE_API='/abc'

2.在Vue.config,js中设置

 devServer: {
    port: port,
    open: true,
    overlay: {
      warnings: false,
      errors: true
    },
    proxy: {
      '/abc': {
        target: 'http://localhost:3000/api',
        // 真实调用的接口基地址 它是target+/abc=>http://localhost:3000/api/abc
        pathRewrite: {
          '^/abc': ''
        }
      }
    }
    // 用于开发环境的mock
    // before: require('./mock/mock-server.js')
  },

3.在utils/request文件下设置基地址

const _axios = axios.create({
  // 配置请求的基准URL地址
  baseURL: process.env.VUE_APP_BASE_API
})