前后端分离-IIS部署Vue前端项目

背景：

项目采用前后端分离技术，后端主要用springBoot+springCloud等技术，前端采用Vue。部署中遇到了种种问题，尤其是前端部署中，以下是采用IIS部署的详细步骤，以及问题的解决方案，希望能帮助到大家。后端运行步骤在另一篇文章中有记载，查阅：https://blog.youkuaiyun.com/by0920/article/details/87911408

首先，编写前端代码，安装nodes环境（自行百度），代码编写完后，修改config文件夹下的index.js中的IP地址,然后将Vue前端项目打包，打包命令：npm run build

成功后项目文件夹下会多出一个dist文件夹，就是要放服务器的文件夹：

上述步骤完成后，需要打开Windows server 服务器中的IIS：

打开IIS方法步骤：

1、右键“我的电脑”，选择“管理”，打开“服务器管理器”

2、点击左边菜单栏“角色”调出角色窗口

3、接着点击“添加角色”，弹出添加“角色向导”

4、点击“下一步”进入服务器角色选项