vue项目部署,出现两个ip的原因
Posted
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
这里写目录标题
问题原因
本质原因是路径的原因。
可以看下前端发出的静态文件的请求路径,再对比一下服务器上放置静态你文件的路径。会发现二者路径不一致。
解决该问题
修改vue.config.js文件中的publicpath地址。将路径变成想相对路径后,访问静态文件的路径就正确了
以上是关于vue项目部署,出现两个ip的原因的主要内容,如果未能解决你的问题,请参考以下文章
vue-route+webpack部署单页路由项目,访问刷新出现404问题