前言

vue项目的创建请自行百度,vue部署到服务器一般需要一些容器来安装,本文采用Nginx的方式

Nginx的具体安装方式参考:(35条消息) 阿里云ECS服务器安装Nginx_最爱吃大米的博客-CSDN博客

1.vue项目打包

npm run build

具体方式参照自己的package.json文件方式

image-20210719222918376

等待片刻。。。。。。。

打包完成,此时会在你的项目根目录下生成一个dist文件

image-20210719223305051

2.上传文件到服务器

使用 xftp工具 或者 rz命令进行上传

3.启动项目

由于项目是基于nginx部署,此时vue项目访问相关配置需要与Nginx方式相同。

部署,此时vue项目访问相关配置需要与Nginx方式相同。

重新启动Nginx,即可访问xxxxx/index

Logo

技术共进,成长同行——讯飞AI开发者社区

更多推荐