Vue项目部署到IIS服务器

Vue项目部署到IIS服务器


第一次接触这个iis服务器,感觉nginx他不香吗?非用这玩意,不过没办法服从安排

步骤

  1. Vue项目打包

  2. 创建IIS网站
    打开IIS服务器
    在这里插入图片描述在这里插入图片描述

  3. 创建完成后
    打开浏览器输入http://localhost:端口号,即可打开打包后的项目

  4. vue-router模式为hash的走到这一步应该就没有问题了
    history模式下刷新页面后会出现404页面,找不到文件资源
    因为这个是通过文件地址俩打开页面。服务器无法找到路由对应的文件,所以会出现404报错(自行理解,若不对还请提出)。

  5. 解决history模式下刷新页面出错问题
    此项需要通过IIS服务器中的web平台安装程序下载 URL Rewrite
    (我在网上找到好多但基本没有用)
    注意URL Rewrite该程序 需要下载英文版,中文版无法下载,网上的修改注册
    表的方法我试过没有作用,可能是因为其他问题吧(英文版URL Rewrite 资源放
    在下面)

  6. URL Rewrite 使用
    选中你要做url 重定向的网站,双击安装后的 URl Rewrite
    在这里插入图片描述

  7. URL Rewrite 添加重定向规则

在这里插入图片描述
在这里插入图片描述在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
8. 之后应用规则就可以了,刷新也不会404

url rewrite资源链接: 百度云盘地址. 提取码: dxsq

发布了4 篇原创文章 · 获赞 0 · 访问量 315
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 点我我会动 设计师: 上身试试

分享到微信朋友圈

×

扫一扫,手机浏览