启用IIS
依次点开:控制面板>程序>程序和功能>启用或关闭Windows功能,选中Internet Information Services及其子文件夹所有选项。选择完成后点击确定,至此IIS已经安装完成。
依次点开:控制面板>系统和安全>管理工具>服务,找到IIS管理器然后打开,可以看到Default Web Site,这是iis自带的一个网站,在浏览器中输入 http://localhost/,就可以看到第一个网页了。
添加网站
将使用npm run build命令打包好的dist目录下的网站放至前端项目文件夹中。
鼠标右键"网站",选择添加网站。
网站名称:按照用途或者项目起名即可。
应用程序池:部署前端项目,这个可以忽略,任意选择即可。
内容目录:网站存放的路径,最好以英文命名。
端口:web默认是80端口。
确定并重新启动,这样别的机器就可以通过http://ip:port访问部署机器的网站。
Tips
关于Vue的两个小问题
- el-input中使用v-model.number,数字末尾无法输入小数点,只能在数字中间输入小数点,影响体验且用户一般无法发现如何输入小数点。
解决办法:设置type="number"即可解决。
<el-input type="number" v-model.number=""></el-input> - Vue项目打包部署后路由无法跳转。
解决方法:将路由配置中history改为hash,history需要服务器配合(具体如何配合还待研究)。