nuxt在pages下建文件,本地能访问,线上404不能访问

以下网址都是虚拟网址、ip

在官网开发过程中,要重构页面,将“官网介绍”页面,从PHP的模板tpl,改为前后端分离的形式。
nuxt在pages下新建Vue文件,就能直接生成路径。我在pages/ 下新建了view/doctor.vue 文件。
http://localhost:3002/view/doctor 能正常访问,等我更新到线上的预发环境(https://www.baidu.com/view/doctor)后,却显示页面404
1、线上地址是否输入错误,比如 https://www.baidu.com/views/doctors,或者 https://www.baidu.com/view/docter等地址错误;
2、是否代码合并不成功。公司项目是通过gitlab的CI部署的,所以打开gitlab上的项目,切换到stagging分支,查看stagging分支是否存在新建的view/doctor.vue文件;
3、是否目录名称不规范,更换成别的名称是否成功显示;
4、是否Nginx转发问题,因为www.baidu.com 网站中有PHP生成的页面,也有前后端分离nuxt项目的页面。www.baidu.com/view/下,view/指向的是PHP的站点,使用了view/作为nuxt项目的目录,匹配到view/就直接转发到PHP的站点了,不会走nuxt项目的站点。

  • 改目录名,将view/改为viewnuxt/。
    • 如果还是404,说明viewnuxt/也没有指向nuxt项目,还是Nginx转发问题,可能IT部设置了特定的目录,规定了哪些目录转发到nuxt项目,哪些目录转发到PHP项目。
  • 找IT部修改Nginx转发规则。让IT部的人,把 viewnuxt/转发到nuxt项目。(Nginx我不懂,只是记录别人给我什么数据)
location ~ /(viewnuxt) {
    proxy_pass http://xx.xxx.xxx.xx; // 前端项目的预发ip
    proxy_set_header X-Forwarded-For $http_x_forwarded_for;
    proxy_set_header Host www.baidu.com;
 }

预发host:
112.xx.xx.xx www.baidu.com
112.xx.xx.xx是www.baidu.com在预发环境的PHP项目的ip地址

你可能感兴趣的:(笔记,vue)