vue-router的history模式发布配置

梦里梦外; 2023-06-04 07:54 23阅读 0赞

如果你正在尝试将基于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][https_segmentfault.com_a_1190000013186997]

更多专业前端知识，请上 **【猿2048】www.mk2048.com**

[https_segmentfault.com_a_1190000013186997]: https://segmentfault.com/a/1190000013186997

发表评论取消回复

表情：

评论列表（有 0 条评论，23人围观）

还没有评论，来说两句吧...

相关阅读

相关 html History 模式

近看到vue-router的HTML5 History 模式路由的实现，然后顺便又去研究了一下HTML5 的 History，以下是自己的一些理解，顺便用jquery写 ...

向右看齐/ 2024年04月18日 13:00/ 0 赞/ 154 阅读

相关 Vue-router history模式下Nginx配置

对于VUE的router\[mode: history\]模式（这里主要是为了去除链接上的"\"）开发的时候，一般都不出问题。是因为开发时用的服务器为node，Dev环境

た入场券/ 2023年10月10日 10:39/ 0 赞/ 89 阅读

相关 hash模式与history模式

随着 ajax 的使用越来越广泛，前端的页面逻辑开始变得越来越复杂，特别是spa的兴起，前端路由系统随之开始流行。从用户的角度看，前端路由主要实现了两个功能（使用ajax更

r囧r小猫/ 2023年08月17日 16:03/ 0 赞/ 252 阅读

相关 vue-router的history模式发布配置

如果你正在尝试将基于vue-router的项目部署到windows中，希望本文能够有所帮助。 iis配置 > 无需安装其他组件，将错误页指向index.html即可

梦里梦外;/ 2023年06月04日 07:54/ 0 赞/ 24 阅读

相关 vue 路由的hash模式和history模式

> 这两种模式都是属于前端路由。前端路由，顾名思义，前端使用的路由，路由不会触发向后端请求的操作，而只是为了管理前端页面。当路由路径改变时，加载相应的内容。一、hash模

浅浅的花香味﹌/ 2022年12月21日 06:27/ 0 赞/ 286 阅读

相关 vue配置静态路径后使用history模式配置nginx

后端说要加一个路径的前缀（`/mp`）。本来可以在`vue3-4(vue.config.js里面配置publicPath)`或者在`vue2.0(config里面index

末蓝、/ 2022年12月09日 11:59/ 0 赞/ 307 阅读

相关 Nginx 配置 Vue history模式

location / { root html; try_files $uri $uri/ /index.html;

朴灿烈づ我的快乐病毒、/ 2022年10月14日 00:58/ 0 赞/ 248 阅读

相关 vue路由history模式，后端配置

`vue-router` 默认 hash 模式 —— 使用 URL 的 hash 来模拟一个完整的 URL，于是当 URL 改变时，页面不会重新加载。如果不想要很丑的 ha

淩亂°似流年/ 2022年10月08日 14:28/ 0 赞/ 371 阅读

相关 hash和history模式的区别

vue-router（前端路由）有两种模式，hash模式和history模式，这里来谈谈两者的区别。 hash模式这里的 hash 就是指 url 尾巴后的 \ 号以

Love The Way You Lie/ 2022年02月15日 00:23/ 0 赞/ 326 阅读

相关 apache + phpStudy 配置vue history模式

1、将打包的dist文件放到 D:\\phpStudy\\PHPTutorial\\WWW 这个文件夹下 2、在dist文件夹中放入.htaccess文件，意思大概是将所有文

向右看齐/ 2022年01月28日 06:59/ 0 赞/ 505 阅读