前期准备工作:
云服务器,开启需要访问的端口号
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 复制一个目录下的所有文件到指定工作目录
没有终点,没有彼岸,坚持就好,愿岁月如初