跨域 2018-06-13 18:06:32

使用vue-cli创建项目,想要测试非本机的接口,如果直接使用ajax,会报‘跨域’的错误。 vue-cli自带一个node代理,将这个配好,就可以测试了。 

首先,打开config下的index.js文件 找到

proxyTable:{}

将如下代码给放进去:

{
   '/api': {
       target: "http://xxxx.com",
       changeOrigin: true,
       pathRewrite: {'^/api': 'http://xxxx.com'}
   }
}

设置好之后,就可以在组件里用ajax跨域了(当然,前提是,被跨域方,已经写好了可跨域的文档头) 而在上面的代码中,http://xxxx.com会被api所替代,因此使用ajax请求接口时,需要将请求地址写成'/api/xxxx'

  1. Laravel5.7
  2. 微信相关
  3. Mysql
  4. 前端开发
  5. 随记
  6. 写作素材
  7. 开发工具
  8. 互联网