vue项目部署iis服务器

一、将vue项目进行打包编译后，根目录生成dist的文件

当出现如上图显示时，说明打包编译完成，已经生成dist文件

二、打开iis服务器

打开iis服务器后选中【网站】后右击选【添加网站】，就可对网站进行配置，物理路径选择编译后的dist文件夹后选确定就行。

三、右击选择【启动】后出现如下报错信息：

除非Windows Activation Service (WAS)和万维网发布服务(W3SVC)均处于运行状态，否则无法启动网站

解决：

打开命令提示符中输入services.msc ,打开服务。

找到windows install及word wide web发布服务选项，分别右击启动，并右键属性改为启动类型就可以。

这是重新启动下，就可以访问。

步骤：

一、找到文件vue.config.js，没有则自己创建一个

二、编写vue.config.js的内容

三、修改路由方式，修改为hash，文件位置自己找，vuecli3中在router.ts文件中

四、添加空路由

找到编译好的文件夹，如果作为独立项目，直接拷贝后放到Tomcat里即可，如果是放到另外一个项目中使用，则拷贝到其它项目中去

七、适配到EOS中使用

7.1、改变原EOS项目中的首页配置

在webapps\default\WEB-INF\web.xml中配置

7.2、修改原EOS项目中的登录成功的跳转页，也是项目主页

在webapps\default\coframe\auth\index.jsp中配置

安装依赖

配置备用环境变量

在根目录下创建.env.development文件，并添加环境变量

VUE_APP_SERVER_ID = 0

在根目录下创建.env.production文件，并添加环境变量

VUE_APP_SERVER_ID = 1

创建自动化部署脚本

在package.json同级目录下创建文件夹deploy

在deploy文件下创建config.js和servers.js和index.js

servers.js：配置服务器相关信息

config.js：发布前的一些处理

index.js：发布到服务器的处理逻辑

添加package.json中的scripts命令

效果如下

---