那为什么你一开始这样写，没有成功？我想当然的以为，这样没错啊！

Question

Answer 1

河畔一角 2020-04-05 21:57:28

这个地方有一个误区，JSONP是不能走代理的，也就是vue.config.js的/activity不能用于jsonp请求，只能用于axios发出的请求；

axios.get('/activity/servicetime')

//vue.config.js中，默认不需要添加changeOrigin

'/activity':{
    target:'http://www.imooc.com'
}

如果使代理到get或者post请求，是没有问题的。

• MAQ1126 #1

  您好 我是刚开始看课程 看完这节课有两点疑问
  1. changeOrigin 设置false的时候报错 后来改成true可以了 但是没看到您解释下为什么false的时候不行；
  2. 看到您回复的这个帖子 说jsonp不能走代理 是指什么意思呢 这节课代码里不就是用jsonp在请求的么
  希望得到答疑 感谢！

• 河畔一角 #2

  changeOrigin是改变主机原点，通俗讲就是前端发起了一个/api/login请求，设置changeOrigin为true后，通过代理会转发到/login接口，而不是/api/login，会自动把api去掉。
  
  2.jsonp本身就是一种跨域请求，它是需要拼接完整的url地址的，如果你通过代理去转发，那还要jsonp做什么？你有摩托车了还要自行车干啥。关于跨域，课程讲的很详细，可能是短期理解问题，jsonp，proxy代理，CORS三选一