第一步-安装Nginx(Step1-Installing Nginx)
①更新服务器的软件包索引——sudo apt update
②安装Nginx——apt-get install nginx
Do you want to continue?[Y/n] Y
③查看Nginx的版本——nginx -v
第二步-打包Vue项目并上传至服务器(Step2-Packaging Vue and uploading server)
①打包Vue项目——npm run build
②将静态资源文件上传至服务器
③配置Nginx文件开启一个网点
使用vim打开该配置文件——vim /etc/nginx/nginx.conf
先将配置文件进行备份以防错误配置,在配置文件中,新增一个server,server的具体内容如下:
修改完成之后进行保存退出。
④重启Nginx服务——service nginx restart
若重启时报错,大概率是配置文件的语法错误,使用 nginx -t 进行语法检查,并将报错位置进行修改。或者在var/log/nginx/路径下找到error.log查看错误。
⑤安装组配置——将新建的server的端口在安全组中打开。
这里选择将全部端口进行打开。
至此,在浏览器上以IP+端口的方式访问目标网页已经成功。