Vue本地项目过程随笔(4) 部署到服务器

服务器购买，端口开放不再多讲 文件的上传使用 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

添加"homepage" :" http://xxx.com/ " #解决部署到服务器后刷新页面出错的问题

加basename属性（c1为子目录名）

添加homepage行（后面加上子目录c1！）

新建c1子目录，把build文件夹里的内容上传到子目录文件夹中

重点：root和location

你是否遇到过，后台大佬就这样把服务器主机号码，密码和要放在哪的路径丢给你，然后就没有然后了。

我就遇到了。 一脸懵逼 ，一顿操作猛如虎，一看结果吓到死。

1.首先，你得有个连接服务器的东西

太高深那种就算了，容易操作的就行

我用的是 winSCP 这东西，感觉挺好用的

---