vue项目部署,出现两个ip的原因

我宁愿靠自己的力量打开我的前途,而不愿求有力者的垂青。——雨果

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue项目部署,出现两个ip的原因相关的知识,希望对你有一定的参考价值。

参考技术A

在部署vue项目时,部署完成发现请求地址返回两个ip地址,主要原因是前端打包的时没写http导致会把服务器的ip地址添加到请求的api中

VUE_APP_API='192.168.1.195:8098'

正确写法
VUE_APP_API='http://192.168.1.195:8098'

vue--前端部署项目后访问静态资源404

扫描二维码关注公众号,回复: 16721001 查看本文章

问题原因

本质原因是路径的原因。
可以看下前端发出的静态文件的请求路径,再对比一下服务器上放置静态你文件的路径。会发现二者路径不一致。

解决该问题

修改vue.config.js文件中的publicpath地址。将路径变成想相对路径后,访问静态文件的路径就正确了

以上是关于vue项目部署,出现两个ip的原因的主要内容,如果未能解决你的问题,请参考其他文章处理办法 --song

猜你喜欢

转载自blog.csdn.net/s_sos0/article/details/132912820