No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin

Failed to load http://127.0.0.1:8090/console/post: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:8089' is therefore not allowed access.
createError.js:16 Uncaught (in promise) Error: Network Error
    at createError (createError.js:16)
    at XMLHttpRequest.handleError (xhr.js:87)

这几天一直在弄这个后台!

然后发现,跨域根本解决不了!

最终终于解决了!

首先

在 当前项目目录下的vue.config.js

devServer: {
    proxy: {
      '/api': {
        target: 'http://127.0.0.1:8081',
        changeOrigin: true
      }
    }
  }

上面的/api是你自己项目路由地址 比如 www.baidu.com/api/post,www.baidu.com/api/title

表示api地址路径都走这个代理

target 填你的后端项目地址

然后

修改config/index.js 里的

  baseUrl: {
    dev: 'http://localhost:8080',//你本地项目的地址
    pro: 'https://iphpt.com'
  },

然后去你后端设置一下 允许跨域

比如你的后端项目是php的,你可以搜索 nginx 允许跨域

如果你的是 golang的,你可以设置 一个允许跨域的中间件!百度一下吧!

终于解决了,很nice!

---

欢迎转载,但请附上原文地址哦,尊重原创,谢谢大家 本文地址: http://www.iphpt.com/detail/125/

---