vue项目部署成功后刷新页面报404（解决方法）

vue项目部署成功后刷新页面报404是什么原因，原因是路由mode改成了history导致的，​下面编程教程网小编给大家介绍一下解决方法！

解决方法一：修改路由默认模式

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>

以上是编程学习网小编为您介绍的“vue项目部署成功后刷新页面报404（解决方法）”的全面内容，想了解更多关于 vuejs 内容，请继续关注编程基础学习网。