vue项目如何部署到服务器

第一步配置 vue.config.js

第二步修改路由，改为 hash模式

第三步文件打包,执行以下，目录中会出现一个dist文件夹，将文件拖到服务器的 root 文件夹中

第四步可以通过域名进行访问 http://www.linlin.run/my-project/index.html#/home

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

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

二、打开iis服务器

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

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

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

解决：

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

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

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

服务器购买，端口开放不再多讲 文件的上传使用 Xftp 。

工作经历内容用到的 省略号特效

本地Vue项目打包,生成文件放在Vue项目目录下的dist文件夹

在阿里云服务器控制台内安装nodejs，端口开放在防火墙选项下

安装nginx

npm install命令遇到relocation error: npm: symbol SSL_set_cert_cb的报错问题

改标签栏icon，以及标签名

安装完nginx后 用Xftp登陆服务器，上传打包好的项目。

保存，回到服务器控制台输入 重新运行nginx

现在可以通过ip地址访问到打包过的Vue项目了

我的项目链接: http://phantomcorner.tech

Github

---