vue配置proxyTable后,在生产环境下调用的接口变成 服务器+porxyTable配置的接口了。

发布于 2022-09-06 21:58:17 字数 850 浏览 18 评论 0

图片描述

图上“http://shuijibook.com”为服务器地址,apis为proxyTable配置,proxyTable配置如下
图片描述

在config/index.js中引用如下
图片描述

请问该如何配置才能使得服务器端访问的接口是http://interview.nsntc.com + api配置呢??

追加:调用方式,所有的接口都加了apis,但是网上说这种方式只能开发环境下使用,但是我不知道生产环境下该怎么配置apis,才能使访问接口是正常
图片描述

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(5

被翻牌 2022-09-13 21:58:17

配置应该没什么问题,调用的时候代码放下,看下有没有加上了 /apis

http://blog.csdn.net/u0123692...

弥枳 2022-09-13 21:58:17

那你需要访问的时候加上 '/apis/' 才行呀

清君侧 2022-09-13 21:58:17

请了解一下nginx服务器:

开发环境中的server是vue-cli建立的,但是部署到生产环境中是需要部署到服务器上的,npm run build生成的是纯静态页面,最好的方法是部署到nginx服务器上,并配置nginx反向代理。

用nginx的反向代理机制解决前端跨域问题

又重新看了一下题干:别的回答里面已经有了回答,在发送axios请求时使用:

axios.post('/apis/xxxx')

在部署到服务器时一定要做代理,否则会出现接口404

待天淡蓝洁白时 2022-09-13 21:58:17

遇到相同问题,请问楼主怎么解决的了

好菇凉咱不稀罕他 2022-09-13 21:58:17

https://segmentfault.com/q/10...

看我在这个里面的回答 可能会诠释你的疑惑

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文