vue代码上服务nginx,服务系统ubantu,nginx,vim等操作流程

前期准备工作:

云服务器,开启需要访问的端口号

Ubuntu是一个以桌面应用为主的Linux操作系统;(注意系统的区别)

ubuntu安装nginx

apt-get 和 apt 基本同理
# 切换至root用户
sudo su root
apt
-get install nginx

如果出现 E: Unable to locate package nginx的情况,那么先执行更新

apt-get update
apt-get install nginx

查看nginx是否安装成功

nginx -v

启动nginx,重启服务

service nginx start  // 启动
service nginx restart // 重启服务

相关操作:
快速停止或关闭Nginx:nginx -s stop

正常停止或关闭Nginx:nginx -s quit

配置文件修改重装载命令:nginx -s reload

查看nginx配置文件是否出错

nginx -t 

启动后,在网页重输入ip地址,即可看到nginx的欢迎页面。至此nginx安装成功。。。。

查看nginx配置文件

cat /etc/nginx/nginx.conf

默认资源目录

cd /var/www/html

上传dist.zip, 任何解压移动进去就可以了

unzip dist.zip
mv dist/* /var/www/html 移动目录下的所以文件到指定工作目录
cp -r dist/* /var/www/html 复制一个目录下的所有文件到指定工作目录

刷新页面,就显示你的vue页面了。

页面能正常显示,这个时候页面请求是404的,这个时候就需要nginx 的代理服务

安装vim (如vim没有的话)

apt-get install vim

打开nginx配置文件

vim /etc/nginx/nginx.conf

在http下面添加server

server {
  listen 80;    # 监听访问的端口
  server_name xxxxxx;     # 监听访问的域名/IP
  location / {   # 默认范围资源路径
    root   /var/www/html/;     # 访问的静态资源目录
    try_files $uri $uri/ /index.html;     # 默认资源
  }
  location /NewsServer {  # 代理访问凭证
    proxy_pass http://xxxxx/NewsServer;  # 代理访问IP
  } 
}

保存后,重启nginx

service nginx restart // 重启服务

刷新页面,前端部署完成。。。

vim基本操作命令

进入vim之后,是处于「命令行模式(command mode)」,要切换到「插入模式(Insert mode)」才能够输入文字。

按 i 进入编辑 

「Ctrl+R」撤销上一步「撤销操作」

ESC键跳到命令模式,然后:

  • :w - 保存文件,不退出 vim。
  • :w file -将修改另外保存到 file 中,不退出 vim。
  • :w! -强制保存,不退出 vim 。
  • :wq -保存文件,退出 vim。
  • :wq! -强制保存文件,退出 vim。
  • :q -不保存文件,退出 vim。
  • :q! -不保存文件,强制退出 vim。
  • :e! -放弃所有修改,从上次保存文件开始再编辑。

ubuntu命令,linux基本操作命令

cd - 返回上次所在的目录 

pwd 显示工作路径 

ls 查看目录中的文件 
ls -l 显示文件和目录的详细资料 
ls -a 显示隐藏文件 

mkdir dir1 创建一个叫做 'dir1' 的目录' 
mkdir dir1 dir2 同时创建两个目录 
mkdir -p /tmp/dir1/dir2 创建一个目录树 

touch index.html 创建一个文件

rm -f file1 删除一个叫做 'file1' 的文件' 
rm -rf dir1 删除一个叫做 'dir1' 的目录并同时删除其内容
rm -rf dir1 dir2 同时删除两个目录及它们的内容 

rmdir dir1 删除一个叫做 'dir1' 的目录' (空文件夹)
 

mv dir1 new_dir 重命名 一个目录或文件
mv file1 .. 移动文件 移动到上一级目录
mv file1 /root/dir2 移动文件 指定目录
mv file1 file2 /root/dir2 移动多个文件
mv -f file1 /root/dir2 覆盖文件移动
mv dir1/ /root/dir2 移动目录
mv dri1/* /root/dir2 移动目录下的所以文件到指定工作目录
#(注:mv等于剪贴)
cp file1 file2 复制一个文件 
cp dir/* . 复制一个目录下的所有文件到当前工作目录 
cp -r html/* /var/www/html
复制一个目录下的所有文件到指定工作目录
 

没有终点,没有彼岸,坚持就好,愿岁月如初

smallbore,world
原文地址:https://www.cnblogs.com/bore/p/13604137.html