vue跨域问题

方法一：使用代理拒绝跨域问题

1、在文件config下建文件proxyConfig.js
代码如下：

module.exports = {
  proxy: {
    '/api': {    //将www.exaple.com印射为/apis
      target: 'https://www.exaple.com',  // 接口域名
      secure: false,  // 如果是https接口，需要配置这个参数
      changeOrigin: true,  //是否跨域
      // pathRewrite: {   //  如果本身的接口地址就有 '/api' 这种通用前缀，也就是说https://www.exaple.com/api，就可以把 pathRewrite 删掉
      //   '^/api': '/'   //需要rewrite的,
      // }
    }
  }
}

2、在文件config下的index.js修改代码：

const proxyConfig = require('./proxyConfig')
module.exports = {
  dev: {

    // Paths
    assetsSubDirectory: 'static',
    assetsPublicPath: '/',
    // proxyTable: {},
    proxyTable: proxyConfig.proxy,
  //  其他代码省略
  },

3、使用接口的时候就可以直接这样使用，如：

export const LoginURL = `/api/auth_token/`
export const RequestReviewImgURL = `/api/patch/224/`

注意：相当于使用接口：https://www.exaple.com/api/auth_token/
该例子的接口本身地址就有 '/api' 这种通用前缀