• 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
  • 相关阅读:
    五种I/O模型
    Python socket服务
    Python 协程
    python openpyxl 简单使用
    python 文件夹压缩
    Python 多进程
    MySQL 自定义函数
    python 队列
    python 多线程、线程锁、事件
    python paramiko模块:远程连接服务器
  • 原文地址:https://www.cnblogs.com/bore/p/13604137.html
Copyright © 2020-2023  润新知