前端vue简单部署操作

准备工作:你要准备一个云服务器 比如腾讯云 百度云 阿里云 华为云等

然后准备一个前端vue项目

步骤:

1.用xshell客户端连接服务器 输入服务器跟密码

2.检查是否下载nginx whoreis nginx

yun install -y nginx

再次查看是否下载nginx 或者使用 nginx -v 查看版本

3.启动nginx服务 默认端口80 如果不想用默认端口可以去etc里面的nginx.conf文件夹修改

修改完之后记得重启nginx 只要修改了配置就重启就完了

4.找到nginx.conf里面的root: 存放静态资源文件夹的路径 把这个路径改成自己想创建的

去服务器上创建此路径 创建完成之后 例如:/hone/www/dist 这里创建到www路径就行了

5.打包前端项目

6.上传前端项目 用get命令上传 scp -r dist/服务器ip:/路径 加上你刚刚创建的静态资源的存放路径 把dist文件夹上传上去

7.上传成功 即可访问

猜你喜欢

转载自blog.csdn.net/yzs2022/article/details/127450360