zoukankan      html  css  js  c++  java
  • vue-router history模式在iis服务器上404问题解决方法

    vue-router history模式在iis服务器上404问题解决方法

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

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

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

    所以我们就会使用history这个模式把“#”去掉,但是当我们打包上线时会发现跳转路由之后,刷新页面会出现404报错,那么我们应该怎么解决呢??

    前期条件: 

    发布在IIs上面必须是根目录

     在config/index.js上 assetsPublicPath:‘/’

    解决方案:

    1.  先去下载一个web程序安装平台(下载地址

    2.下载安装完成之后打开IIS可以看到我们安装的web程序安装平台

     
    IISweb程序安装平台

    3.找到你配置的网站,双击打开web程序安装平台,并在它产品选项下的服务器中找到URL重写工具,进行安装

     
    URL安装

    4.当安装完成之后返回你的网站主界面,就会发现多出一个URL重写选项

     
    URL

    5.双击打开,点击添加规则

     
    添加规则

    6.点击添加规则后,并选择入站规则的空白规则

     

    6.名称随便写一下自己能区分就行,这里我就写为chuizi,在设置匹配URL时,将使用选项改为 ‘通配符’ ,重要的步骤:将模式中写“*”,就是数学中的星号*

     
    匹配设置

    7.接着设置条件选项,点击添加,在选择输入字符串是否时:选择不是文件,然后确定

     
    设置条件

    8.接着就是设置操作中的操作属性,在里面写你打包后的index.html路径,因为你放入的是dist文件夹所以我们要在inde.html 前加上 /

     
    设置操作属性

    9.接着我们保存就好了,就可以完美解决404喽

    注:(一定要在你想重写的网站设置URL重写,不要弄错了欧!!)

  • 相关阅读:
    React Native-安卓环境的搭建
    python爬虫学习之日志记录模块
    Python爬虫学习之正则表达式爬取个人博客
    eclipse运行spark程序时日志颜色为黑色的解决办法
    python爬虫学习之爬取全国各省市县级城市邮政编码
    python 字典详细使用
    python爬虫学习之查询IP地址对应的归属地
    python jieba库的基本使用
    Eclipse环境搭建并且运行wordcount程序
    Hadoop2.0伪分布式平台环境搭建
  • 原文地址:https://www.cnblogs.com/xiaobing-R/p/13791670.html
Copyright © 2011-2022 走看看