zoukankan      html  css  js  c++  java
  • vue-router规则下 history模式在iis服务器上配置

    vue默认模式是hash模式    url地址栏会带有“#”这个字符。

    例如:http://www.xxx.com/#/index 

    感觉和正常的url相比有点丑。

    如何让此地址如正常的url一样  官网告诉我用hostory模式。。。

    但是当我布置完后 刷新就是404。。。感觉还不如url丑点那。

    但是事情的结果大多都会很美好。然后查了一些资料。。。。

    因为vue属于单页面应用   所以iis识别不了vue路由规则。

    问题找到了---方法就好找了。。。。

    第一个比较笨的方法是:iis站点设置虚拟目录也可以。但是如果路由比较多的情况下就尴尬了。

    第二个方法相对来说好操作:

    先去下载一个web程序安装平台(https://www.microsoft.com/web/downloads/

    1.打开iis-----网站----选择要部署的网站-----右侧有一个web程序安装平台

    点击打开web程序安装平台,搜索url  下载url重写工具 安装

    安装完成后  关掉iis 然后重新打开。找到部署的网站然后点击----右侧在iis一栏里会出现一个url重写的模块

    更多详细看下图

    点击打开------然后添加规则

    Url重写设置
    匹配的url-------请求的URL选择与模式匹配,模式中填写*,使用选项选择通配符;即表示所有的网站都通过此模式进行检查匹配。

    如图----------------

     条件--------是下面的条件选项,我们选择不是文件,逻辑分组为全部匹配。

     操作--------重写到index.html(根据情况,设置为自己的单页面应用首页)。

  • 相关阅读:
    Net学习日记_SQL_1
    Net学习日记_基础提高_11_俄罗斯方块_代码篇
    Net学习日记_基础提高_11_俄罗斯方块_整理概括篇
    Net学习日记_基础提高_10
    C#抽象类和接口
    RSS大全
    如何使用deparam.js抓参数
    h5页面解决软键盘与100%X100%的页面的冲突
    29、数据库三大范式精要总结
    28、数据库三大范式精讲
  • 原文地址:https://www.cnblogs.com/LMJBlogs/p/7988900.html
Copyright © 2011-2022 走看看