使用vue-admin-template 中跨域問題解決

1、修改dev.env.js 中的文件

 例如：

module.exports = merge(prodEnv, {
  NODE_ENV: '"development"',
  ENV_CONFIG: '"dev"',
  BASE_API: '"/admin"', //這個地方格局需要配置你接口前綴名稱
})

2、在index.js 中設置 proxyTable

proxyTable: {
  '/admin': {     //這里是公共部分，在調用接口時后面接不相同的部分，/admin就相當於http://192.168.0.199:8926/admin這一段
    target: 'http://www.newpay.com/',   //這里寫的是訪問接口的域名和端口號
    changeOrigin: true, // 必須加上這個才能跨域請求
    pathRewrite: {  // 重命名
      '^/admin': ''
    }
  }
},

3、main.js中 注釋這一行，防止示例請求

//import '../mock' // simulation data


4、login.js中修改如下

export function login(username, password) {
  return request({
    url: '/admin/login/index',  //注意，這一段要加上前綴admin
    method: 'post',
    data: {
      username,
      password
    }
  })
}