iis某站点下发布多个vue项目

记录一下iis上某个域名下发布多个vue项目的过程，主要分为webpack打包前的配置和iis重定向的配置。
vue打包配置：
1、在webpack 配置文件中（以vue.config.js为例），指定输出目录publicPath ，名称为你服务器上的二级目录，此处以 hcd 为例
module.exports = {
publicPath: '/hcd/',
}

2、路由配置
在vueRouter中设置base基础路由，名称为二级目录名称
const baseUrl = '/hcd/';
const router = new VueRouter({
mode: 'history', // 此处路由为history模式，hash模式同理，只是服务器重定向设置有区别
base: baseUrl,
routes
})

3、在index.html中添加如下代码，base为二级目

iis某站点下发布多个vue项目最先出现在Python成神之路。