Vue多页面应用与Nginx
首先我们看一下nginx.conf配置文件 为了方便管理，在/usr/local/nginx/conf.d/ 创建自己的*.conf配置文件。没有conf.d目录，直接mkdir 创建conf.d .conf 详细可参考：这种方式只需要开放80端口，然后访问二级域名。
在nginx中部署多个vue项目，并进行访问时，如果请求刷新一直转圈，可能是由于nginx的缓存配置问题引起的。首先，你可以查看nginx的配置文件（默认是nginx.conf文件），确认是否开启了缓存功能。
通过以上处理后跨域问题解决，但是通过nginx请求后台服务时一直报404错误。 然而访问路径是正确的并没有问题，并且通过postman或者浏览器直接访问时能正常返回。一开始以为是跨域配置有问题，网上找了很多方法都解决不了。
一般项目前后端分离得话，都会用nginx作为反向代理转发的。
开始用nginx缘于用vue-element-admin搞的一个项目要发布到生产环境，官方介绍说生产环境下的跨域建议用nginx解决。然后从昨天开始尝试，开始用起来很懵。
Nginx配置错误。请检查Nginx配置文件中的proxy_pass配置项是否正确，确保代理到正确的服务器地址和端口。这个配置项的作用是将所有请求转发到index.html页面，以便Vue路由在前端进行处理。
小白研究项目部署-关于vue项目部署遇到的一些问题
在搞清root，alias，try_files的基本用法后，我开始尝试vue项目的部署。
vue，config/index.js，build方法，说要改为ssetsPublicPath： ./ ---》结果不需要，原样 vue项目下，build/webpack.prod.conf.js，注释模块解决。
vue开发中，当部署到服务器上的时候，刷新总丢页面。在vue文档里，虽然对history模式有过说明，但是怎么用。是一个问题。我的服务是Apache的，所以只粘贴了这一个。但是这个东西用在哪里还是不知道。
可以使用参数来设置，得到符合不同需要的编译结果。之后即可以将打包的文件部署到服务器上。
需要删除重新下载。首先工具打开项目，直接运行的话基本都会因为环境不一致报错，这里需要重新导入包自适应自己的环境。其次先删除node_modules文件夹，使用npm cache clean --force 命令清除掉cache缓存。
系统bug。vue项目大多数是系统bug导致的。解决方案如下：1首先修改根目录index.html在head里面添加下面代码12这种会让所有的css/js资源重新加载。2最后配置nginx不缓存htmlvue默认配置，打包后css和js的名字添加哈希值。
express设置虚拟路径前缀部署vue项目时出错
1、更改router，base的配置就可以了。另外还有一个问题是express接口的路由地址也是由于相对路径的问题，导致无法访问对应的express接口。这就需要去改一下server，indexjs里的express的路由配置。
2、然后在给出一个 404 页面。 参考官网例子：另一方面，有可能是Vue-Router没有配置好，需要注意初始化Router时候的base参数：如此项目部署就完成了。
3、此时，你可以尝试关闭nginx缓存，或调整缓存时间，让其能够及时更新缓存内容。其次，你也可以检查vue项目的路由配置和nginx的代理配置是否正确。如果代理配置有误，那么可能会导致请求无法正常转发，从而导致页面无法加载。
4、可能是因为你在部署时没有正确地更新代码库。你可以尝试重新拉取最新代码，并重新进行部署操作。此外，也可能是因为缓存的原因，你可以尝试清除浏览器缓存或者服务器缓存来解决问题。
5、路由里面不是写了根路径，你在路由里面把首页的路径改成根路径，然后在导航条上设置为根路径。我上面就是没有设置为根路径，使用一进来的时候就会出现只加载了头部和尾部，刷新一下才出现页面，改成根路径之后完美解决。
6、Nginx配置错误。请检查Nginx配置文件中的proxy_pass配置项是否正确，确保代理到正确的服务器地址和端口。这个配置项的作用是将所有请求转发到index.html页面，以便Vue路由在前端进行处理。
以上内容为新媒号(sinv.com.cn)为大家提供！新媒号，坚持更新大家所需的前端知识。希望您喜欢！
版权申明：新媒号所有作品（图文、音视频）均由用户自行上传分享，仅供网友学习交流，不声明或保证其内容的正确性，如发现本站有涉嫌抄袭侵权/违法违规的内容。请发送邮件至 k2#88.com(替换@) 举报，一经查实，本站将立刻删除。
