nginx部署vue项目,适配后,PC端页面正常;移动端页面打开正常, 刷新404

QQ截图20191213110134.png

nginx部署vue项目,适配后,PC端页面正常;移动端页面打开正常, 刷新404

QQ截图20191213110403.png

帮忙看看哪里配置错误了??

阅读 4.9k
5 个回答
新手上路,请多包涵

楼主解决了吗?我也遇到了这个问题.. ?

新手上路,请多包涵

啊啊啊啊,
楼主解决了吗?我也遇到了这个问题
求解答QAQ

新手上路,请多包涵

尝试在sever中创建一个自定义变量,简单写个大概(只写了对应代码):

server {
    set $root 'web/pc_small/dist';
    if ($http_user_agent ~* "(mobile|nokia|iphone|ipad|android|samsung|htc|blackberry)") {
        set $root 'web/small/dist';
    }
    
    location / {
        root $root;
        index index.html;
        try_files $uri /index.html
    }
}

之前也遇到过,那个if判断不能写在规则中,所以定义在sever中,然后根据路由规则在加载root可以解决这个问题。

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