zoukankan      html  css  js  c++  java
  • 关于vue-resource 跨域请求的异常处理方法

    当你启动一个vue项目时,项目会运行在一个webpack的服务上,所以此时去访问其他端口或者是其他地址时,属于跨域请求,故会报异常。

     

    has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

    当出现此异常时,不要慌,解决方法很简单。

    首先,打开项目的webpack.config.js文件

    在当前页面搜索 

    devServer:

    然后在此节点下添加以下这个对象:

    name可以随意命名,不过最好按一定的格式命名,待会儿后面会用到。以下是此对象的代码

    proxy: {
    '/api': {
    target: 'http://localhost:64938/',
    changeOrigin: true,
    pathRewrite:{
    "/api":""
    }
      }
    }

    添加对象后,回到我们调用请求的页面,修改对应报错的请求url,把原本的url的请求跟地址 也就是 如:http://localhost:64938/ 替换为 /api  ,然后重启项目!重启项目!重启项目!

    重启项目,即可访问!

  • 相关阅读:
    django基础篇
    oracle中的intersect和minus
    Mybatis中的DTD文件
    ibatis 大于 小于 等。。
    Mysql的DATE_FORMAT()日期格式转换
    mybatis中配置批量insert list
    java split 函数
    Hadoop全分布式模式安装
    Linux免密远程登陆
    Hadoop伪分布式搭建
  • 原文地址:https://www.cnblogs.com/dinggf/p/11256455.html
Copyright © 2011-2022 走看看