vue-router的history模式发布配置

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue-router的history模式发布配置相关的知识,希望对你有一定的参考价值。

如果你正在尝试将基于vue-router的项目部署到windows中,希望本文能够有所帮助。

iis配置

无需安装其他组件,将错误页指向index.html即可

<?xml version="1.0" encoding="UTF-8"?>
<configuration>
    <system.web>
        <customErrors mode="On" defaultRedirect="index.html">
            <error statusCode="404" redirect="index.html" />
        </customErrors>
    </system.web>
    <system.webServer>
        <httpErrors errorMode="Custom">
            <remove statusCode="404" />    
            <remove statusCode="500" />          
            <error statusCode="500" path="/index.html" responseMode="ExecuteURL" />
            <error statusCode="404" path="/index.html" responseMode="ExecuteURL" />
        </httpErrors>
      
    </system.webServer>
</configuration>

nginx配置

启动如遇问题尝试使用命令创建/logs/nginx.pid文件:nginx -c conf/nginx.conf
不要设置环境变量,重启命令:start nginx -s -reload

server {
    listen       3355;
    location / {
        root F:/dist;
        index index.html;
        try_files $uri $uri/ /index.html;
    }      
}

原文地址:https://segmentfault.com/a/1190000013186997

以上是关于vue-router的history模式发布配置的主要内容,如果未能解决你的问题,请参考以下文章

vue-router的history模式发布配置

(转载)vue-router路由使用 history 模式时,后端SpringBoot如何配置

Vue-router 中hash模式和history模式的关系

vue-router规则下 history模式在iis服务器上配置

vue-router中history模式页面报错

解决vue-router嵌套路由(子路由)在history模式下刷新无法渲染页面的问题