解决Vue开发环境 Ajax 跨域问题

跨域:违背了同源策略,请求可以发出去,数据返回到浏览器,被浏览器控制

同源策略:规定协议名,主机名,端口号必须一致

http://localhost:8080/ http为协议名,localhost为主机名,8080为端口号

配置代理服务器

代理服务器,与前端所处位置一样,协议名,主机名,端口号一致

借助vue-cli配置代理服务器

方式一:

vue.config.js文件中配置,将任何未知请求 (没有匹配到静态文件的请求) 代理到http://localhost:4000

module.exports = {
   
    // 开启代理服务器(方式一),配置简单,但不能配置多个代理,不能灵活控制走不走代理
    devServer: {
   
      proxy: 'ht

你可能感兴趣的:(vue,Ajax,vue,ajax)