NodeJs、react及redux项目快速安装及常见问题和域名配置

1. NodeJs安装

1. 进入官网下载https://nodejs.org/en/download

2. 解压安装

1
2

xz -d node-v10.15.0-linux-x64.tar.xz
tar --strip-components 1 -xvf node-v10.15.0-linux-x64.tar -C /usr/local

3. 测试

为保证你能够不出问题的运行你的项目，请记住增加环境变量

修改~/.bash_profile文件，在PATH后添加:/usr/local/bin，完整为：

1
2
3
4
5
6
7
8

# .bash_profile
# Get the aliases and functions
if [ -f ~/.bashrc];
then. ~/.bashrc
fi
# User specific environment and startup programs
PATH = $PATH:$HOME/bin:/usr/local/bin
export PATH

如果你有其他的配置项，则另说。

请执行source ~/.bash_profile使环境变量生效。

2. react及redux项目

请查看官网进行安装https://www.redux.org.cn/

重点：在我们引用其他项目时，经常会出现错误。常见的有：

2.1.1、问题特征： Npm install failed “cannot run in wd”

2.1.2、解决方案： 需要加上–unsafe-perm参数，完整如下：

1

npm install --unsafe-perm

或是在package.json中添加：

1
2
3

"config": {
  "unsafe-perm": true
},

官方解释为：

If npm was invoked with root privileges, then it will change the uid to the user account or uid specified by the user config, which defaults to nobody. Set the unsafe-perm flag to run scripts with root privileges.

2.2.1、问题特征： npm WARN lifecycle dandelion_pro@1.2.1~preinstall: cannot run in wd dandelion_pro@1.2.1 npm run npmcheckversion (wd=/home/wwwroot/front.develop.loofii.com/starter-project)

2.2.2、解决方案： 注意上述红线加粗部分，当然这是一个warn，可视而不见，但是强迫症可以尝试按照下述方法进行修正：

1

npm run preinstall

3. 使用nginx反向代理ip和端口

按照个人开发习惯，应该不会有很高比例的人喜欢在web端直接使用ip和端口浏览网页吧？？？？？？？

前期准备：

1、有一个域名，并已经将该域名解析到了服务器

2、服务器上已经安装了node和nginx

使用时请注意：将server_name替换成自己的域名，将proxy_pass替换成转发的http(s)://ip:port

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

server {
  listen       80;
  server_name  node.leroi.com;
  #请替换成自己的域名
  location / {
    proxy_pass http://localhost:3000;
    #请替换成自己的 ip + port
    proxy_http_version 1.1;
    proxy_set_header Upgrade $http_upgrade;
    proxy_set_header Connection 'upgrade';
    proxy_set_header Host $host;
    proxy_cache_bypass $http_upgrade;
  }
  error_page  500 502 503 504  /50x.html;
  #自己修改
  location = /50x.html {
    #自己注意修改
    root  /usr/share/nginx/html;
    #同理
  }
}

本文早期发布于个人 CSDN 博客：查看原文