×

vueJs中的跨域解决方案

作者:流泪的石头2020.10.22来源:Web前端之家浏览:360评论:0
关键词:jsvuejs

了解下vueJs中的跨域,在vue项目中,前端与后台进行数据请求或者提交的时候,如果后台没有设置跨域,前端本地调试代码的时候就会报“No 'Access-Control-Allow-Origin' header is present on the requested resource.” 这种跨域错误。

一、后台更改header(在你需要跨域的接口里 写上这两句话就行)
header('Access-Control-Allow-Origin:*');//允许所有来源访问 
header('Access-Control-Allow-Method:POST,GET');//允许访问的方式

这样就可以跨域请求数据了。

二、vue使用webpack本地代理

//vue.config.jsdevServer: {
    proxy: {
      '/api': {
        target: 'http://127.0.0.1:7200',
        ws: false,
        changeOrigin:true,//允许跨域
        pathRewrite: {
          '^/api': '/api'
        }
      }
    },

},

其实在vue中处理跨域还是挺简单的。

温馨提示:本文作者系流泪的石头 ,经Web前端之家编辑修改或补充,转载请注明出处和本文链接:
https://jiangweishan.com/article/js20201022a1.html

网友评论文明上网理性发言 已有0人参与

发表评论:

最新留言

  • vag13

    不错,正好遇到这个问题,感谢分享...

  • 访客

    第三方的闪光点复合弓...

  • Web前端之家

    后续会出vue3.0教程呢,等待~~...

  • qiqndu

    VUE3.0没教程吗,可以出些啊...

  • Web前端之家

    已加上。...

  • 访客

    交换友情链接,网址http://www.wzjskf.com/关键词:seo网站优化e.g:...

  • 访客

    首先是大学生的...

  • 访客

    发个当...

首页|JavaScript|HTML|HTML4|HTML5|CSS3|开发工具|性能优化|移动开发|前端教程|性能优化|开发工具|酷站欣赏|UI设计|前端教程

Copyright © 2020 Web前端之家(www.jiangweishan.com) 版权所有 All Rights Reserved.
粤ICP备12067512号-1

Copyright Your WebSite.Some Rights Reserved.

Powered By Z-BlogPHP 1.6.5 Valyria