脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript类库 → vue.js → vue history模式

vue模式history下在iis中配置流程

 更新时间：2019年04月17日 16:43:42   作者：chris_Evans  
这篇文章主要介绍了vue模式history下在iis中配置流程，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下

1.npm run build生成代码加密

2.在iis添加网站定位到dist文件下

第三步第四步配置是www.baidu.com/home一直重新刷新会出现404问题

3.安装URL重写

https://www.iis.net/downloads...

4.在dist文件下配置web.config

<system.webServer>
  <rewrite>
   <rules>
    <rule name="Handle History Mode and custom 404/500" stopProcessing="true">
     <match url="(.*)" />
     <conditions logicalGrouping="MatchAll">
      <add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" />
      <add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" />
     </conditions>
     <action type="Rewrite" url="/" />
    </rule>
   </rules>
  </rewrite>

   </system.webServer>遇到一个问题：多访问几次页面或者端口应用程序池的状态会结束（事件ID5002，错误503），原因是后台占用内存太大，解决方法：要勾选预编译并发布版本。

总结

以上所述是小编给大家介绍的vue模式history下在iis中配置流程，希望对大家有所帮助，如果大家有任何疑问欢迎给我留言，小编会及时回复大家的！

您可能感兴趣的文章:

相关文章

  • vue中如何下载excel流文件及设置下载文件名

    vue中如何下载excel流文件及设置下载文件名

    这篇文章主要介绍了vue中如何下载excel流文件及设置下载文件名，对vue感兴趣的同学，可以参考下
    2021-05-05
  • 详细聊聊Vue.js中的MVVM

    详细聊聊Vue.js中的MVVM

    MVVM旨在利用WPF中的数据绑定函数,通过从视图层中几乎删除所有GUI代码（代码隐藏）,更好地促进视图层开发与模式其余部分的分离,这篇文章主要给大家介绍了关于Vue.js中MVVM的相关资料,需要的朋友可以参考下
    2022-03-03
  • 关于webpack-dev-server配置代理解决前端开发中的跨域问题

    关于webpack-dev-server配置代理解决前端开发中的跨域问题

    这篇文章主要介绍了关于webpack-dev-server配置代理解决前端开发中的跨域问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2024-08-08
  • Ant Design编写登录和注册页面的教程

    Ant Design编写登录和注册页面的教程

    这篇文章主要介绍了Ant Design编写登录和注册页面的教程，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
    2023-04-04
  • vue中methods、mounted等的使用方法解析

    vue中methods、mounted等的使用方法解析

    这篇文章主要介绍了vue中methods、mounted等的使用方法解析，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
    2022-06-06
  • Vue引入ElementUI并使用的详细过程

    Vue引入ElementUI并使用的详细过程

    Element UI是一个基于Vue 2.0的桌面端组件库,旨在构建简洁、快速的用户界面,这篇文章主要介绍了Vue如何引入ElementUI并使用,需要的朋友可以参考下
    2024-06-06
  • Vue v-bind动态绑定class实例方法

    Vue v-bind动态绑定class实例方法

    在本篇文章里小编给大家分享的是一篇关于Vue—v-bind动态绑定class的知识点内容，有需要的朋友们可以参考下。
    2020-01-01
  • vue-自定义组件传值的实例讲解

    vue-自定义组件传值的实例讲解

    今天小编就为大家分享一篇vue-自定义组件传值的实例讲解，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
    2018-09-09
  • 详解Vue的常用指令v-if, v-for, v-show,v-else, v-bind, v-on

    详解Vue的常用指令v-if, v-for, v-show,v-else, v-bind, v-on

    Vue.js的指令是以v-开头的，它们作用于HTML元素，指令提供了一些特殊的特性。这篇文章主要介绍了Vue的常用指令v-if, v-for, v-show,v-else, v-bind, v-on 的相关知识,需要的朋友可以参考下
    2018-10-10
  • 使用vue.js在页面内组件监听scroll事件的方法

    使用vue.js在页面内组件监听scroll事件的方法

    今天小编就为大家分享一篇使用vue.js在页面内组件监听scroll事件的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
    2018-09-09

最新评论