production(腾讯云+nginx静态服务器+Linux线上部署)

49 阅读1分钟

vue项目上线的文件就是执行完 npm run build 后生成的dist文件下的内容

1677134249685.jpg

1677134288166.jpg

1677135119307.jpg

image.png

Linux命令
- ssh root@域名连接远程服务器
- ls:展示当前文件下的所有文件
- pwd:当前路径
- mkdir folder 创建一个 folder 的文件夹
- cd folder 进入到file这个文件夹下
- touch file.txt 创建一个file.txt的文件

**vim file.txt
进入文件后 按键盘的 i 键
然后输入你要修改的内容
按 Esc 键盘键
输入:wq
回车,修改的文件内容就保存好了**

**** rm -rf file.txt 强制删除 谨慎使用!!! ****
**** rm -rf * 删除当前文件夹下的所有!!! ****

image.png

//安装依赖
yum -y install gcc zlib zlib-devel pcre-devel openssl openssl-devel

1. 连上nginx服务器以后我们一般再/root目录下,但我们的nginx需要发布到/usr/local文件夹下
2. 因为/root目录和/usr是同级目录 cd ../usr/local
3. mkdir nginx 创建一个文件夹
4. cd nginx
  //下载tar包
5. wget http://nginx.org/download/nginx-1.13.7.tar.gz
6. tar -xvf nginx-1.13.7.tar.gz
//进入nginx目录
cd /usr/local/nginx
//进入目录
cd nginx-1.13.7
//执行命令 考虑到后续安装ssl证书 添加两个模块
./configure --with-http_stub_status_module --with-http_ssl_module
//执行make命令
make
//执行make install命令
make install
7.  cd ../ 退到nginx目录下
8.  cd sbin 进入sbin
9.  ./nginx
10.  npm run build 打包我们的项目
11.  通过xftp 把dist目录下的文件直接拖拽到 nginx 下的html文件夹下,覆盖

1677136078324.jpg