uniapp访问的路径去掉 # ，访问出现404

一、我是在腾讯云服务器操作的

首先要把你的Apache服务器配置成https的
配置教程：https://cloud.tencent.com/document/product/400/35243

二、官方文档介绍的内容，要在uniapp的配置中设置history

在这里插入图片描述

三、官方文档还要配置服务器，但是不好使

根据uniapp、Apache服务器运行的原理，你会发现你在刷新的时候它会从你的根目录（一般情况下是/var/www/html/），也就是访问域名的时候跳转到index.html的那个目录，也可以理解成你访问域名的目录，但是你刷新的路径后面加了”pages/demo/demo“,然后服务器发现在index.html那个目录下面根本没有”pages/demo/demo“这个目录，所以会报404。所以这时候，你就需要给服务器设置一个404的页面，当访问内容错误的时候 自动跳转到你设置的404页面。

首先我们打开Apache的配置文件httpd.conf,然后找到下面这部分，

<Directory /var/www/>
        Options Indexes FollowSymLinks
        AllowOverride None
        Require all granted
</Directory>

然后将AllowOverride后面的None改成ALL，退出并保存；
然后我们cd到网站的根目录，新建一个.htaccess的文件，内容如下：

ErrorDocument 404 /404.html

然后我们再复制uniapp生成的index.html页面到Apache根目录里重命名为404.html的文件
在这里插入图片描述
然后ls查看是否复制成功
在这里插入图片描述
最后再去浏览器刷新一下就成功啦！
在这里插入图片描述

关注我的公众号SpaceObj 领取idea系列激活码

posted on 2023-05-10 18:00  张伯灵  阅读(1161)  评论(0)  编辑  收藏  举报