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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue本地项目过程随笔(4) 部署到服务器相关的知识,希望对你有一定的参考价值。

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

以上是关于Vue本地项目过程随笔(4) 部署到服务器的主要内容,如果未能解决你的问题,请参考以下文章

寒假随笔6——JAVAWEB项目部署到云端

vue + CI + APACHE 前后端分离服务器部署踩坑(vue-cli-3)

在服务器中使用Nginx部署打包的Vue项目

vue项目如何部署到服务器

vue部署到服务器如何访问根目录

小白研究项目部署-关于vue项目部署遇到的一些问题