前端发布项目到linux服务器

496 阅读3分钟

Linux简介

Linux,全称GNU/Linux,是一种免费使用和自由传播的类UNIX操作系统,其内核由林纳斯·本纳第克特·托瓦兹于1991年10月5日首次发布,它主要受到Minix和Unix思想的启发,是一个基于POSIX的多用户、多任务、支持多线程和多CPU的操作系统。它能运行主要的Unix工具软件、应用程序和网络协议。它支持32位和64位硬件。Linux继承了Unix以网络为核心的设计思想,是一个性能稳定的多用户网络操作系统。Linux有上百种不同的发行版,如基于社区开发的debian、archlinux,和基于商业开发的Red Hat Enterprise Linux、SUSE、Oracle Linux等。

虚拟机示例

操作远程服务器的工具

公司里服务器一般都是linux系统

ssh协议操作linux服务器

xftp: 文件上传、替换

mac系统替换上传上线的文件工具FileZilla

linux必须掌握的命令

ssh root@116.62.64.198   //连接服务器,回车后,提示输入密码

mkdir tan   // 创建一个叫tan的空文件夹

cd tan   //进入tan文件夹

cd ../   // 后退一个文件夹

ls   //查看当前所在文件夹下所有的文件

pwd   // 查看当前所在绝对路径

touch text.txt    // 创建一个文件

操作文件的命令

vim text.txt // 打开这个文件

按键 i 键 进入编辑模式

按键 esc // 退出这个文件

:wq // 退出这个文件

下载文件相关的操作

wget是下载命令

// 下载nignx

wget http://nginx.org/download/nginx-1.20.1.tar.gz

//修改文件名

mv nginx-1.20.1 nginx

// 复制命令

cp -rf dir1 dir2

// 复制命令 - 复制到自己想去的路径

cp -rf /home/www/xxx/statics/. /home/www/statics

www.cnblogs.com/wxlf/p/8117… //解压和压缩命令详解

tar -zxvf 压缩包 // 解压一个文件

rm -rf 文件名 //强制删除这个文件和文件下的所有内容,谨慎使用,不可恢复 在linux下安装启动nginx服务器
1.安装依赖包

JavaScript复制代码

yum -y install gcc zlib zlib-devel pcre-devel openssl openssl-devel

2.下载并解压安装包

JavaScript复制代码

cd /usr/local
mkdir nginx
cd nginx
//下载tar包 wget http://nginx.org/download/nginx-1.20.1.tar.gz
tar -zxvf nginx-1.20.1.tar.gz

3.安装nginx

JavaScript复制代码

//进入nginx目录
 cd /usr/local/nginx
 //执行命令
 ./configure
 //执行make命令
 make
 //执行make install命令
 make install

4.配置nginx.conf

JavaScript复制代码

vi /usr/local/nginx/conf/nginx.conf
//
vim /usr/local/nginx/conf/nginx.conf

5.nginx操作命令

JavaScript复制代码

//进入这个目录操作nginx
cd /usr/local/nginx/sbin

//启动nginx
./nginx

./nginx -s reload

./nginx -t

./nginx -s stop

在nginx下发布一个vue项目
在vue项目中配置vue.config.js
JavaScript复制代码

module.exports = {
  publicPath: './', // 静态资源路径(默认/,打包后会白屏),
  outputDir: 'dist', // 打包后文件的目录 (默认为dist)
  assetsDir: 'static', //  outputDir的静态资源(js、css、img、fonts)目录  默认为‘’没有单独目录js/css/img在根目录中。
}

打包

JavaScript复制代码

yarn build

打包的结果

把打包后的页面通过xftp传输给 /usr/local/nginx/html目录下

配置nginx.conf

vi /usr/local/nginx/conf/nginx.conf
// or
vim /usr/local/nginx/conf/nginx.conf

重启 nginx

./nginx -s reload

明天就要上班了,加油啊打工人!!!