前端 将前端界面上线服务器【免费获得服务器】

1、将写好在前端项目进行打包 运行指令  npm run build 生成一个dist文件

2、获得免费的服务器 

        打开腾讯云的官网，选择免费使用服务器，选择任意一款，记住服务器的公网地址和密码 3、3、下载 electerm 软件 （直接官网下载即可）

        1、打开electerm 软件，点击加号进行连接。输入主机地址（就是服务器公网地址）、用户名（root）、密码。点击保存并连接即可。

        2、点击已经连接好的命令，点击上方的Sftp命令，将左侧打包好的dist文件上传到后侧文件中，比如 /root/www/dist  【建议在右侧建立一个www的文件夹，将dist文件上传到里面】

        3、点击Ssh命令，  cd /   进入最外层文件       cd etc  进入etc文件    yum install nginx  下载nginx     cd  nginx  进入nginx     vim nginx.conf  编辑改配置文件。

        4、点击 insert 键进行修改配置文件，修改的结果如下：

        添加： root /root/www/dist;

                    index index.html index.html;

        注意：分号不可以缺少，如果没有location也进行添加，保证和下图一样

        

        接着修改将user: nginx  改为user: root;和图片保持一致即可。

        

使用 esc 按键退出编辑，并按住shift键输入  :wq  点击确认退出编辑，再输入   systemctl restart nginx.service 重新启动应用即可。

在浏览器端输入公网地址就可以看到项目已经上线了！！！

常用的linux命令介绍

文件和目录操作

1. ls
   • 功能：列出目录内容。
   • 示例：ls -l 以长格式显示文件和目录详细信息；ls -a 显示包括隐藏文件在内的所有文件。
2. cd
   • 功能：切换当前工作目录。
   • 示例：cd /home/user 切换到 /home/user 目录；cd .. 返回上一级目录。
3. mkdir
   • 功能：创建新目录。
   • 示例：mkdir new_folder 创建名为 new_folder 的目录。
4. rm
   • 功能：删除文件或目录。
   • 示例：rm file.txt 删除 file.txt 文件；rm -r directory 递归删除 directory 目录及其所有内容。
5. cp
   • 功能：复制文件或目录。
   • 示例：cp file.txt /destination 将 file.txt 复制到 /destination 目录；cp -r source_dir /destination 递归复制 source_dir 目录到 /destination。
6. mv
   • 功能：移动文件或目录，也可用于重命名。
   • 示例：mv file.txt /new_location 将 file.txt 移动到 /new_location；mv old_name.txt new_name.txt 将文件重命名为 new_name.txt。

文件内容查看

1. cat
   • 功能：连接文件并打印到标准输出，常用于查看小文件内容。
   • 示例：cat file.txt 显示 file.txt 文件的内容。
2. more 和 less
   • 功能：用于分页查看大文件内容。more 只能向前翻页，less 功能更强大，可前后翻页。
   • 示例：more large_file.txt；less large_file.txt。
3. head 和 tail
   • 功能：head 显示文件开头部分内容，tail 显示文件结尾部分内容。
   • 示例：head -n 10 file.txt 显示 file.txt 前 10 行；tail -f log.txt 实时跟踪 log.txt 文件的新增内

 

系统信息查看

1. uname
   • 功能：显示系统信息。
   • 示例：uname -a 显示所有系统信息，包括内核名称、版本等。
2. df
   • 功能：显示磁盘空间使用情况。
   • 示例：df -h 以人类可读的格式显示磁盘空间使用情况。
3. free
   • 功能：显示系统内存使用情况。
   • 示例：free -m 以兆字节为单位显示内存使用情况。

权限管理

1. chmod
   • 功能：更改文件或目录的权限。
   • 示例：chmod 755 file.sh 给文件所有者读、写、执行权限，给所属组和其他用户读、执行权限。
2. chown
   • 功能：更改文件或目录的所有者和所属组。
   • 示例：chown user:group file.txt 将 file.txt 的所有者改为 user，所属组改为 group。

进程管理

1. ps
   • 功能：显示当前运行的进程。
   • 示例：ps -ef 显示所有进程的详细信息。
2. top
   • 功能：实时显示系统中各个进程的资源占用状况。
   • 示例：直接输入 top 即可启动该命令。
3. kill
   • 功能：终止指定进程。
   • 示例：kill 1234 终止进程 ID 为 1234 的进程；kill -9 1234 强制终止该进程。