如何实现vue-cli项目开发生产环境下的跨域代理配置?

更新于
2026-10-01 05:38:14
0阅读来源:SEO教程
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计1478个文字,预计阅读时间需要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接口实现跨域请求。

阅读全文

本文共计1478个文字,预计阅读时间需要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接口实现跨域请求。

阅读全文