VMware+node+nginx+vue

宋建本
2023-12-01

1、安装CentOS

  这里不再复述,不会的请移步VMware虚拟机安装centos7

 

2、部署

1、安装 node.js

  解压源码

cd /usr/local/
tar -xvf node-v10.14.0-linux-x64.tar.xz

  重命名:

  建立软连接:

ln -s /usr/local/nodejs/bin/node /usr/local/bin
ln -s /usr/local/nodejs/bin/npm /usr/local/bin

  查看node版本

node -v
npm -v

2、将项目dist文件拷贝到指定目录

3、安装Nginx

安装所需环境

Nginx 是 C语言 开发,建议在 Linux 上运行,当然,也可以安装 Windows 版本,本篇则使用 CentOS 7 作为安装环境。

1. gcc 安装
安装 nginx 需要先将官网下载的源码进行编译,编译依赖 gcc 环境,如果没有 gcc 环境,则需要安装:

yum install gcc-c++

2. PCRE pcre-devel 安装
PCRE(Perl Compatible Regular Expressions) 是一个Perl库,包括 perl 兼容的正则表达式库。nginx 的 http 模块使用 pcre 来解析正则表达式,所以需要在 linux 上安装 pcre 库,pcre-devel 是使用 pcre 开发的一个二次开发库。nginx也需要此库。命令:

yum install -y pcre pcre-devel

3. zlib 安装
zlib 库提供了很多种压缩和解压缩的方式, nginx 使用 zlib 对 http 包的内容进行 gzip ,所以需要在 Centos 上安装 zlib 库。

yum install -y zlib zlib-devel

4. OpenSSL 安装
OpenSSL 是一个强大的安全套接字层密码库,囊括主要的密码算法、常用的密钥和证书封装管理功能及 SSL 协议,并提供丰富的应用程序供测试或其它目的使用。
nginx 不仅支持 http 协议,还支持 https(即在ssl协议上传输http),所以需要在 Centos 安装 OpenSSL 库。

yum install -y openssl openssl-devel

5.下载

使用wget命令下载

wget -c https://nginx.org/download/nginx-1.10.1.tar.gz

 

6.解压

依然是直接命令:

tar -zxvf nginx-1.10.1.tar.gz cd nginx-1.10.1

7.配置

其实在 nginx-1.10.1 版本中你就不需要去配置相关东西,默认就可以了。当然,如果你要自己配置目录也是可以的。
1.使用默认配置

./configure

2.自定义配置(不推荐)

./configure \
--prefix=/usr/local/nginx \
--conf-path=/usr/local/nginx/conf/nginx.conf \
--pid-path=/usr/local/nginx/conf/nginx.pid \ --lock-path=/var/lock/nginx.lock \ --error-log-path=/var/log/nginx/error.log \ --http-log-path=/var/log/nginx/access.log \ --with-http_gzip_static_module \ --http-client-body-temp-path=/var/temp/nginx/client \ --http-proxy-temp-path=/var/temp/nginx/proxy \ --http-fastcgi-temp-path=/var/temp/nginx/fastcgi \ --http-uwsgi-temp-path=/var/temp/nginx/uwsgi \ --http-scgi-temp-path=/var/temp/nginx/scgi

注:将临时文件目录指定为/var/temp/nginx,需要在/var下创建temp及nginx目录

8.编译安装

make
make install

查找安装路径:

whereis nginx

 

9. 配置nginx

cd /usr/local/nginx/conf

vim nginx.conf

server里面更改:

server {
        listen       8099;
        server_name  localhost;  //其实最好改成你的ip 不要写域名 localhost在这台server上相当于是10.xxx xxx的意思

        #charset koi8-r;

        #access_log  logs/host.access.log  main;

        location / {
            root   /root/data;  //把dist.zip解压到data文件夹下
            index  index.html index.htm;
        }

 

nginx修改后需要更新配置

/usr/local/nginx/sbin

./nginx -s reload   //重新载入配置文件

./nginx   //启动

./nginx -s quit:此方式停止步骤是待nginx进程处理任务完毕进行停止。
./nginx -s stop:此方式相当于先查出nginx进程id再使用kill命令强制杀掉进程。

 

PS:主机能ping同虚拟机ip,但是加上端口号无法访问,需要开启端口号 

查看开启了哪些端口

firewall-cmd --list-ports

查看端口

firewall-cmd --zone=public --query-port=80/tcp

添加

firewall-cmd --zone=public --add-port=5005/tcp --permanent   (--permanent永久生效,没有此参数重启后失效)

添加端口外部访问权限(这样外部才能访问)
firewall-cmd --add-port=5005/tcp

重新载入,添加端口后重新载入才能起作用

firewall-cmd --reload

这些之后,端口是开启成功的,如果没有成功,重启系统试试。

 最后项目中用到了跨域,之前在webpack中配置的在服务器中不起作用,用Nginx代理

 

1、

location /proxy/ {
  rewrite ^/proxy/ / break;
  proxy_pass http://m.kugou.com;
}

2、

location /proxy/ {
  proxy_pass http://m.kugou.com/$1?$query_string;
}

 

 

转载于:https://www.cnblogs.com/gxp69/p/11290577.html

 类似资料: