欢迎光临
我们一直在努力

云服务器vue项目的部署

(1)购买服务器

阿里云,腾讯云等。

(2)安装xshell和xftp。(操作云服务器)。

(3)安装nginx

1、切换到对应路径(ls可以查看当前路径下的所有下一级文件)

cd /

cd etc

2、安装nginx

yum install nginx

(这一步完成后,浏览器打开服务器ip地址,可以看到nginx的默认界面)

(4)配置nginx.conf文件

(1)location / {

root /root/www/dist(项目文件地址)

index index.html(默认界面)

}

(2)location /api {

proxy_pass http://127.0.0.1

}

备注:我是请求api时,调用了别的服务器的数据,所以要写这个,如果你的项目没有,可以不用写)

/api 当你访问的路径起始是/api

(127.0.0.1是要访问的服务器地址)

(3)user nginx 改为 user root;(root为主机名,linux是root)

云服务器vue项目的部署

(4)注释掉部分代码

1、include /etc/nginx/conf.d/*.conf;

2、include /etc/nginx/default.d/*.conf;

云服务器vue项目的部署

云服务器vue项目的部署

(5)测试nginx.conf文件是否正确

nginx -t

云服务器vue项目的部署

(6)重启nginx

service nginx restart

云服务器vue项目的部署

(7)浏览器打开服务器ip地址就可以看到你写的项目了。

  • 海报
海报图正在生成中...
赞(0) 打赏
声明:
1、本博客不从事任何主机及服务器租赁业务,不参与任何交易,也绝非中介。博客内容仅记录博主个人感兴趣的服务器测评结果及一些服务器相关的优惠活动,信息均摘自网络或来自服务商主动提供;所以对本博客提及的内容不作直接、间接、法定、约定的保证,博客内容也不具备任何参考价值及引导作用,访问者需自行甄别。
2、访问本博客请务必遵守有关互联网的相关法律、规定与规则;不能利用本博客所提及的内容从事任何违法、违规操作;否则造成的一切后果由访问者自行承担。
3、未成年人及不能独立承担法律责任的个人及群体请勿访问本博客。
4、一旦您访问本博客,即表示您已经知晓并接受了以上声明通告。
文章名称:《云服务器vue项目的部署》
文章链接:https://www.456zj.com/7082.html
本站资源仅供个人学习交流,请于下载后24小时内删除,不允许用于商业用途,否则法律问题自行承担。

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址