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

1、NodeJs安装

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

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，完整为：

# .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参数，完整如下：

npm install --unsafe-perm

或是在package.json中添加：

"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，可视而不见，但是强迫症可以尝试按照下述方法进行修正：

npm run preinstall

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

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

前期准备：

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

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

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

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;         #同理
    }
}