首页 > 其他分享 >记录 IIS 部署vue 项目步骤

记录 IIS 部署vue 项目步骤

时间:2022-09-19 15:55:05浏览次数:91  
标签:vue IIS url 步骤 配置 站点

IIS 部署vue 项目

一.相关软件安装

request_router,url_rewrite

链接:https://pan.baidu.com/s/1SpyKWY9ejab1WP0-oKKJBg 
提取码:gldp

安装效果如下:

二.vue发布

前端build 之后将 dist 文件夹整个拷贝到站点下:

IIS站点指向dist目录:

如果在IIS下二级站点:路径 vue-citygrid,在vue 发布时需要在vue.config.js进行如下配置:

三.IIS代理设置

1.开启代理

2.配置代理

vue.config.js配置如下:

在IIS下配置 server_api:

点击一级站点,选择URL重新,点击进去添加入站规则

按照如下步骤配置入站规则:

在步骤2中可以测试下url,检查正则表达式是否满足要求:

匹配到结果之后,进行重写操作换成真实地址:(重写的url在服务器端要能ping 通)

至此,IIS 部署vue 完成。

标签:vue,IIS,url,步骤,配置,站点
From: https://www.cnblogs.com/yjung/p/16707931.html

相关文章