首页 > 其他分享 >IIS部署createWebHistory路由模式的Vue项目

IIS部署createWebHistory路由模式的Vue项目

时间:2023-07-13 10:36:07浏览次数:42  
标签:web Vue IIS 部署 createWebHistory 路由

接口使用NetCore,前端使用Vue3.+
网站部署目录如下

<?xml version="1.0" encoding="UTF-8"?>
<configuration>
  <system.webServer>
    <rewrite>
      <rules>
        <rule name="Vue路由Html5模式下F5刷新报404" stopProcessing="true">
		<!-- 只要不包含"/api/"的url就重写到 "/" -->
          <match url="^(?!api\/).*" />
          <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>

标签:web,Vue,IIS,部署,createWebHistory,路由
From: https://www.cnblogs.com/ruyun/p/17549700.html

相关文章

  • vue 适配
    vue适配1.amfe-flexibleamfe-flexible是配置可伸缩布局方案,主要是将1rem设为viewWidth/10。2.postcss-pxtorempostcss-pxtorem是postcss的插件,用于将像素单元生成rem单位。先安装amfe-flexible和postcss-pxtoremnpminstallamfe-flexible--savenpminstallpostcss-pxto......
  • [Vue] 使用pdf-lib和@pdf-lib/fontkit 报错 fontkit.create is not a function
    描述:pdf-lib注册了@pdf-lib/fontkit后(pdfDoc.registerFontkit(fontkit)),内部调用了fontkit的create方法,但是这个方法不存在。我在控制台打印了下fontkit对象,发现fontkit包了一层default,即 fontkit.default.create(),所以找不到这个方法, pdf-lib使用的是 fo......
  • vue2-生命周期-了解生命周期和生命周期函数的概念
    1.生命周期&生命周期函数生命周期(LifeCycle)是指一个组件从创建->运行->销毁的整个阶段,强调的是一个时间段。生命周期函数:是由vue框架提供的内置函数,会伴随者组件的生命周期,自动按次序执行。注意:生命周期强调的是时间段,生命周期函数强调的是时间点。......
  • vue-router
    路由理解:一个路由(route)就是一组映射关系(key-value),多个路由需要路由器(router)进行管理。前端路由:key是路径,value是组件。1.基本使用1.安装vue-router,命令:npmivue-router2.应用插件:Vue.use(VueRouter)3.编写router配置项://引入VueRouterimportVueRouterfro......
  • vue3 图片懒加载
    使用vue第三方库useIntersectionObserver创建文件directives/index.js导入第三方库import{useIntersectionObserver}from'@vueuse/core'exportconstlazyPlugin={install(app){app.directive('img-lazy',{mounted(el,binding){......
  • vue和servlet 前后端分离 (复习)
    一、vue复习1.vue的使用步骤:(1)导入vue.js(2)创建除body以外最大的div标签,给定id值(3)创建vue对象newVue({el:"#app",data:{}//定义变量methods:{}//定义方法2.vue语法:v-bind:value(:value),v-model:value="",v-if,v-show,v-for的使用......
  • springboot+vue前后端分离项目发布上线
    首先呢不用多说就是买阿里云服务器,但是呢,学生免费一个月。前端呢就是配置与后端端口 然后呢就是要打包:npmrunbuild把你的dist文件东西进行上传到服务器。后端springboot呢就是要打jar包上传。然后服务器是先去下载配置jdk,然后就是点击网站选择springboot项目最后一步呢......
  • Vue无感刷新当前页面
    使用Vue选项/组合Apiprovide/inject Api地址,此方法可以实现无感刷新并且不会出现闪烁的空白。首先在根组件App.vue定义这个方法 html复制代码<template><divid="app"><router-viewv-if="routerAlive"></router-view></div><......
  • IIS8 安装 .net1.1
    直接上正文;一安装补丁安装顺序:1dotnetfx.exe2NDP1.1sp1-KB867460-X863NDP1.1sp1-KB886903-X86.NET_Framework_Cleanup_Tool.zip(这个是卸载.netframework的软件,后面可能会用)链接:https://pan.baidu.com/s/1ZfeZrWY-y_-UKbDkjJPPlA?pwd=a90p提取码:a90p二IIS设置1......
  • 记录--你知道Vue中的Scoped css原理么?
    这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助追忆Scoped偶然想起了一次面试,二面整体都聊完了,该做的算法题都做出来了,该背的八股文也背的差不多了,面试官频频点头,似乎对我的基础和项目经验都很是满意。嗯,我内心os本次面试应该十拿九稳了。突然,面试官说:「我的......