开发者社区> 问答> 正文

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

已解决

在本地用npm run build 命令把项目打包,然后把打包项目压缩dist.zip文件上传到服务器上,解压在/usr/local/nginx/(新创建)root/data 下。(打包前仅仅把这修改成./ 了,还有下面build中的也修改了./)

image.png

在nginx.config 配置文件修改。 image.png

之后启动nginx服务器,可以通过ip/ 重定向到ip/blogs 页面。

image.png

但是报错,在本地未部署在nginx服务器,直接 npm run dev 运行的时候,可以正常显示,未报错。

点击登陆 按钮,跳转到ip/login 却报404

image.png

其他路径也是找不到页面,不知道怎么回事。

一些路由配置

image.png

展开
收起
我是小美女 2021-10-19 13:26:09 1296 0
1 条回答
写回答
取消 提交回答
  • 网络规划设计师、敏捷专家、CISP、ITSS服务经理、ACA全科目、ACP4项、ACE、CBP、CDSP、CZTP等。拥有 PRINCE2 Foundation/Practitioner、CCSK、ITIL、ISO27001、PMP等多项国际认证。 专利5+、期刊10+、知识产权师。核心期刊审稿人。
    采纳回答

    您好, 要设置访问所有路径都返回index.html 在nginx的配置文件中,index指令后加try_files可以解决

    try_files $uri $uri/ /index.html;
    
    
    2021-10-19 13:27:48
    赞同 3 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
Alibaba Cloud Linux 3 发布 立即下载
ECS系统指南之Linux系统诊断 立即下载
ECS运维指南 之 Linux系统诊断 立即下载