将Vue项目部署至IIS服务器

启用IIS

依次点开:控制面板>程序>程序和功能>启用或关闭Windows功能,选中Internet Information Services及其子文件夹所有选项。选择完成后点击确定,至此IIS已经安装完成。
依次点开:控制面板>系统和安全>管理工具>服务,找到IIS管理器然后打开,可以看到Default Web Site,这是iis自带的一个网站,在浏览器中输入 http://localhost/,就可以看到第一个网页了。

添加网站

将使用npm run build命令打包好的dist目录下的网站放至前端项目文件夹中。
鼠标右键"网站",选择添加网站。
网站名称:按照用途或者项目起名即可。
应用程序池:部署前端项目,这个可以忽略,任意选择即可。
内容目录:网站存放的路径,最好以英文命名。
端口:web默认是80端口。
确定并重新启动,这样别的机器就可以通过http://ip:port访问部署机器的网站。

Tips

关于Vue的两个小问题

  1. el-input中使用v-model.number,数字末尾无法输入小数点,只能在数字中间输入小数点,影响体验且用户一般无法发现如何输入小数点。
    解决办法:设置type="number"即可解决。
    <el-input type="number" v-model.number=""></el-input>
  2. Vue项目打包部署后路由无法跳转。
    解决方法:将路由配置中history改为hash,history需要服务器配合(具体如何配合还待研究)。
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容