首页 > 其他分享 >Vue网站发布到iis后提示404页面不可访问

Vue网站发布到iis后提示404页面不可访问

时间:2023-11-30 18:35:59浏览次数:35  
标签:www Vue iis 404 https net

参考:https://www.cnblogs.com/yhnet/p/14804869.html
vue重定向和跨域配置:https://zhuanlan.zhihu.com/p/530688251
1.安装组件:
URL Rewrite:https://www.iis.net/downloads/microsoft/url-rewrite
Application Request Routing:https://www.iis.net/downloads/microsoft/application-request-routing
2.新建一个web.config 放到发布到文件夹根目录

<?xml version="1.0" encoding="UTF-8"?>
<configuration>
  <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>
</configuration>

 

标签:www,Vue,iis,404,https,net
From: https://www.cnblogs.com/xsj1989/p/17867981.html

相关文章

  • 当多个使用弹窗类组件,可使用这种方式封装组件。(以下使用antd-vue、vue3)
    1.代码点击查看代码<template><slot:openDialog="openDialog":closDialog="modalCancel"></slot><a-modalv-model:open="open"title="BasicModal"@cancel="modalCancel"><templat......
  • 1、vue初体验
    1、在页面上引用vue.mim.js文件,有个 min的是压缩的意思。<scripttppe="../vue.min.js"></script>2、在页面上添加div元素,然后添加一个列表,让产品展示出来 <div id="showPage">  <h1>系统名称:{{ title}}  </h1> <ul>   <li v-for=&quo......
  • vue3,Nginx部署情况
    一.Vue3项目情况说明router文件夹下的index.jsimport{createRouter,createWebHashHistory}from"vue-router"constroutes=[{path:'/saoma',name:'Saoma',//redirect:'/saoma',component:()......
  • vue关于自定义指令
    私有自定义指令(在与data()同级结构中进行配置)//私有自定义指令的节点directives:{//定义名为color的指令,指向一个配置对象color:{//当指令第一次被绑到元素上的时候,会立即触发bind函数,只会调用一次//形参中的el表示当前指令所绑定到的那个d......
  • Vue 项目配置自动更新,自动刷新页面
    今天用户反馈使用页面的时候,有时候点击没反应,排查下来,是因为发布版本的时候,用户那边没有加载最新的文导致的,然后根据思路,做了这个自动更新的功能效果预览http://demo.webwlx.cn/#/update实现思路1.把当前版本的编译时间,通过环境变量的方式保存起来打开vite.config.jsim......
  • vue3页面中,两个相同组件,一个卸载,一个挂载,后展示的组件事件监听不生效?
    场景:在实际开发中,遇到了这样一种场景,vue3页面,两个相同组件,在满足某条件下展示第一个组件,满足另一个条件下,隐藏第一个组件,同时展示第二个组件,比如反馈组件,会通过window.addEventListener来监听自定义的反馈弹窗展示和隐藏事件。结果:两个相同组件一个卸载,一个挂载,第一个组监听的......
  • 关于vue中的动态组件component和keep-alive
    component标签是vue内置的,作用:组件的占位符<componentis="组件名称"></component>其中is属性的值表示要渲染的组件的名字,也就是components节点下的组件名称当我们动态切换组件名称时,每切换一次,组件就会被销毁一次,若不想让组件被销毁,则需要用到标签keep-alive<keep-al......
  • 在web-view加载的本地及远程HTML中调用uni的API及网页和vue页面通讯
    转载于在web-view加载的本地及远程HTML中调用uni的API及网页和vue页面通讯-DCloud问答uni-app的web-view组件,支持加载远程网页,在app环境下,还支持加载本地HTML页面。在web-view加载页面中,会涉及wx、plus、uni等对象的使用。在小程序下使用wx的api,需要引入微信提供的https......
  • Vue 嵌套选项卡 购物车
    嵌套选项卡  <!DOCTYPEhtml> <html> <head> <metacharset="utf-8"/> <metaname="viewport"content="width=device-width,initial-scale=1"> <scriptsrc="js/vue.js"></scrip......
  • vue-treeselect使用案例
    https://vue-treeselect.js.org/父子节点没有关联<TreeSelectflatstyle="background-color:#0e3977"placeholder="请选择"v-model="org":multiple="true":options="state.orgData&qu......