Vue CLI项目如何配置开发生产环境代理解决跨域请求问题?

2026-04-08 17:260阅读0评论SEO问题
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计1484个文字,预计阅读时间需要6分钟。

Vue CLI项目如何配置开发/生产环境代理解决跨域请求问题?

在开发环境中,跨域问题常见于使用Vue-cli创建的项目。项目默认开发地址为localhost:8080。若需访问非本机上的接口,如http://192.168.0.112:8080/cms/queryMaterial,需要设置跨域访问。以下是实现跨域的方法:

开发环境中跨域

使用vue-cli创建的项目,开发地址是localhost:8080,需要访问非本机上的接口192.168.0.112:8080/cms/queryMaterial。不同域名之间的访问,需要跨域才能正确请求。跨域的方法很多,通常都需要后台配置,不过vue-cli创建的项目,可以直接利用node.js代理服务器,通过修改vue proxyTable接口实现跨域请求。

阅读全文

本文共计1484个文字,预计阅读时间需要6分钟。

Vue CLI项目如何配置开发/生产环境代理解决跨域请求问题?

在开发环境中,跨域问题常见于使用Vue-cli创建的项目。项目默认开发地址为localhost:8080。若需访问非本机上的接口,如http://192.168.0.112:8080/cms/queryMaterial,需要设置跨域访问。以下是实现跨域的方法:

开发环境中跨域

使用vue-cli创建的项目,开发地址是localhost:8080,需要访问非本机上的接口192.168.0.112:8080/cms/queryMaterial。不同域名之间的访问,需要跨域才能正确请求。跨域的方法很多,通常都需要后台配置,不过vue-cli创建的项目,可以直接利用node.js代理服务器,通过修改vue proxyTable接口实现跨域请求。

阅读全文