美文网首页
云服务器安装nginx 部署vue静态项目

云服务器安装nginx 部署vue静态项目

作者: hhh_hhhhhh | 来源:发表于2019-10-09 18:28 被阅读0次

首先使用putty连接云服务器。


putty

使用putty在Host Name中输入自己云服务器的公有ip地址,按上图输入选择完之后进入输入用户名和密码(用户名一般为root,密码是自己设置的)。

Welcome to Alibaba Cloud Elastic Compute Service !

显示上述文字时,表示成功进入!

一、nginx配置

1.安装

yum install nginx -y

2.启动

nginx

之后可以在网址输入云服务器ip或绑定的域名,可以看到nginx的测试页面。


nginx

3.修改访问路径

修改前端资源文件的路径才能通过url去访问服务器上的资源文件。
以下操作是使用fileZilla下载后本地修改完成后上传覆盖的(因为命令行的不太熟)

首先nginx默认配置文件地址为 /etc/nginx/nginx.conf 。将文件中的 root /usr/share/nginx/html 修改为: root /data/www 。(之后会把文件放在这个目录下)

nginx.conf

4.重启nginx

nginx -s reload

5.在/data文件夹下新建www文件夹

mkdir -p /data/www

当然也可以用fileZilla进行界面操作(右击创建目录,取名www)

6.上传vue打出来的包

目录结构如上

输入域名就可以看到效果了。

相关文章

  • 利用nginx搭建web服务器(macos)

    一、安装homebrew二、安装nginx三、配置nginx、部署项目到nginx服务器四、添加阿里云解析,通过域...

  • 云服务器安装nginx 部署vue静态项目

    首先使用putty连接云服务器。 使用putty在Host Name中输入自己云服务器的公有ip地址,按上图输入选...

  • Nginx + Vue项目部署

    在windows服务器上部署Vue项目 第一步: 安装Nginx 下载 Nginx Windows 包 官网 在服...

  • 使用 Nginx 部署 Vue 项目

    Vue 项目在 build 之后通常都需要部署到服务器才能够访问,本文介绍如果使用 Nginx 部署 Vue 项目...

  • 10-Flask之项目部署

    一、Flask项目部署 Nginx和uWSGI都是Web服务器,Nginx负责静态内容,uWSGI负责Python...

  • 10-Flask之项目部署

    一、Flask项目部署 Nginx和uWSGI都是Web服务器,Nginx负责静态内容,uWSGI负责Python...

  • 10-Flask之项目部署

    一、Flask项目部署 Nginx和uWSGI都是Web服务器,Nginx负责静态内容,uWSGI负责Python...

  • 10-Flask之项目部署

    一、Flask项目部署 Nginx和uWSGI都是Web服务器,Nginx负责静态内容,uWSGI负责Python...

  • Flask-day10

    一、Flask项目部署 Nginx和uWSGI都是Web服务器,Nginx负责静态内容,uWSGI负责Python...

  • Vue Nginx部署

    在服务器上部署vue项目 并使用 前提:保证服务器已安装Node.js Nginx 别忘记上传打包后dist至服...

网友评论

      本文标题:云服务器安装nginx 部署vue静态项目

      本文链接:https://www.haomeiwen.com/subject/kzpvyctx.html