求教!在linux上的nginx服务器部署vue项目,只能访问到首页,其他页面404

  1. 在本地用npm run build 命令把项目打包,然后把打包项目压缩dist.zip文件上传到服务器上,解压在/usr/local/nginx/(新创建)root/data 下。(打包前仅仅把这修改成./ 了,还有下面build中的也修改了./)image.png
  2. 在nginx.config 配置文件修改。image.png
  3. 之后启动nginx服务器,可以通过ip/ 重定向到ip/blogs 页面。image.png 但是报错,在本地未部署在nginx服务器,直接 npm run dev 运行的时候,可以正常显示,未报错。
  4. 点击登陆 按钮,跳转到ip/login 却报404image.png 其他路径也是找不到页面,不知道怎么回事。
  5. 一些路由配置image.png
  6. nginx.config 配置基本上就这些image.png
阅读 5.8k
4 个回答

history模式,要设置访问所有路径都返回index.html
在你的index指令后加这个

try_files $uri $uri/ /index.html;

资源路径配置错了

nginx配置错了吧,贴下你的nginx的配置,主要是要把所有的location 都重写到 index.html。

nginx配置需要把所有路径都指向你的首页/即可,因为这里的路径实际是vue的路由,并非真实资源路径

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏