• 微信
您当前的位置: 首页> Vue>

Vue项目部署到服务器 刷新提示404

作者:Alpha时间:2023-03-24 阅读数:3226 +人阅读

Vue项目打包部署到线上后,刷新页面会提示404。这是因为网页访问的是静态绝对路径,而服务器上没有该路径。

111.png


方法一:使用vue-router有两种模式

修改src/router/index.js文件中的history属性,设置为createWebHashHistory。(这种调整,会使url出现"#")

 

const router = createRouter({
    history: createWebHistory(),
    routes
})

 

方法二:

如果不想页面url上出现#的形式,可以通过调整nginx.conf配置文件进行调整

location /{
      if (!-e $request_filename){
        rewrite ^(.*)$ /index.html?s=$1 last;
        break;
      }
    }

 



本站所有文章、数据、图片均来自互联网,一切版权均归源网站或源作者所有。

如果侵犯了你的权益请来信告知我们删除。邮箱:595397166@qq.com

标签: 小程序 小程序

上一篇:vue确认提示框

下一篇:没有了

阿尔法

软件开发工程师#全栈工程师

{include file=foot.html}
0.974311s