2024年09月27日 建站教程
vue项目部署成功后刷新页面报404是什么原因，原因是路由mode改成了history导致的，下面web建站小编给大家介绍一下解决方法！
解决方法一：修改路由默认模式
const router = new VueRouter({
mode: "hash",
base: process.env.BASE_URL,
routes
});
//链接会出现#
解决方法二：nginx修改
location / {
root ...
index ...
try_files $uri $uri/ /index.html; ---解决页面刷新404问题
}
解决方法三：IIS修改
<?xml version="1.0" encoding="UTF-8"?>
<configuration>
<system.webServer>
<rewrite>
<rules>
<rule name="*">
<match url=".*" />
<conditions>
<add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" />
</conditions>
<action type="Rewrite" url="/index.html" />
</rule>
</rules>
</rewrite>
</system.webServer>
</configuration>
解决方法四：Apache修改
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.html$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.html [L]
</IfModule>
本文链接：http://so.lmcjl.com/news/14058/