IIS部署createWebHistory路由模式的Vue项目
接口使用NetCore,前端使用Vue3.+
网站部署目录如下
- api(虚拟应用程序)
- web
- index.html
需要在服务器上按照URLRewrite
下载地址:https://www.iis.net/downloads/microsoft/url-rewrite
安装后在网站根目录下创建“web.config”文件,内容如下
<?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>
IIS部署createWebHistory路由模式的Vue项目更多相关文章
网页中mobile-agent的meta信息,这样添加才更专业
万象更新 Html5 - css: float 布局: 基础
万象更新 Html5 - css: float 布局: 通过 float 布局实现 3 栏式布局
万象更新 Html5 - css: flex 布局: flex-direction, flex-wrap, flex-flow
万象更新 Html5 - css: flex 布局: justify-content, align-items, align-content, align-self
万象更新 Html5 - css: flex 布局: order, flex-grow, flex-shrink, flex-basis, flex
万象更新 Html5 - css: position 布局: 定位(static, relative, absolute, fixed)
万象更新 Html5 - css: overflow 布局: 内容溢出时的样式
万象更新 Html5 - css: selector 选择器: 属性选择器(attribute selector)