node静态资源nginx部署部署后无法访问

1、首先确认静态资源文件夹是否已经放在与 nginxexe 同级的目录中。

2、确认 conf 文件夹中 nginxconf 文件里 location 中 root 后面是否填写正确的静态资源文件名。

3、Nginx 服务器的目录路径不能有中文，检查路径中是否有中文，有的话，需要移出来。

4、确认以上修改没有问题后，进入任务管理器，点击详细信息，找到所有的 nginxexe 停止运行，并清理浏览器上的缓存，重启 nginx 服务器。

5若以上操作均没有问题，那么最后可能导致的原因是防火墙，检查防火墙是否关闭。

github的vue项目怎么在vscode运行

打开 config/indexjs 并找到 devtool 属性。

用本地git客户端将vue项目从github克隆到本地，用vscode打开，完成编辑。在vscode里新打开一个命令行终端，在终端窗口里使用vue对应的脚手架命令启动项目。

通过快捷方式打开Visual Studio Code工具，然后新建静态页面。创建一个静态页面tablehtml，并添加页面代码，然后保存，使用浏览器查看。点击File菜单，选择Open Folder，将项目导入到Visual Studio Code。

npm install//或cnpm install 将Vue build后生成的dist文件夹下的所有文件复制到express项目的publick文件夹下面，然后运行npm start来启动express项目。

从云上拉取的vue项目一般会缺少node_modules，需要先安装node_modules，再运行。

vue项目运行后显示需要配置原因是配置不够。根据相关公开信息显示：配置Vue的app项目首先需要配置本地环境，本地配置即移动端配置过低会显示需要配置，故vue项目运行后显示需要配置原因是配置不够。

可以使用参数来设置，得到符合不同需要的编译结果。之后即可以将打包的文件部署到服务器上。

学习前端框架 Vue 的步骤如下：了解 Vue 框架的基本概念和特点。了解 Vue 框架的基本架构和工作原理，包括 Vue 的视图层渲染、数据绑定、组件化和路由等功能。学习 Vue 框架的基本语法和使用方法。

前端开发不需要配编译环境了，只需要把需要的各种库、工具在命令行界面安装就行。具体过程网上搜“从零开始搭建vue项目”。

脚手架里带的 Node 部分，主要充当的是 WebServer，跟浏览器有什么关系？最后都是要 Webpack 打包成纯粹的 html/css/js 项目的。

对于vue的使用可以分为两种使用形式：引入vuejs文件，在js中将vue实例化；通过node安装第三方包--vue，搭建脚手架，用脚手架将页面分成几个组件编写，从而利用组件来搭建页面。

上一节安装了flask，我们现在需要安装vue前端框架，需要使用vue-cli方便安装和管理。

1、这个错误提示表明在运行Vue项目的时候，系统找不到neo-async这个模块，可能是由于项目配置或者第三方库缺失导致的。

2、使用排除法吧，首先你这个项目是第一次创建的吗？如果是，去创建项目的文件夹看看有没有生成node_modules文件夹。如果没有，去配置里面把缓存删除再重新创建项目。

3、项目运行 报错 xxxxxxxx/node_modules/bin/gulp： Permission denied 没有权限 解决方法：chmod 777 node_modules/bin/gulp 然后在 运行就好了。

4、npm install//或cnpm install 将Vue build后生成的dist文件夹下的所有文件复制到express项目的publick文件夹下面，然后运行npm start来启动express项目。

5、执行npm install 来安装组件 LIMIT是你想分配的内存大小，然后执行npm run fix-memory-limit 只需要执行一次即可，然后重新启动项目，热更新就不会再内存溢出了。

6、下载完别人的VUE项目后，我们执行下载所有依赖npm install后启动npm run dev运行的最后一步经常会报错，不是缺少依赖模板，就是node_modules版本与本机安装的node和npm版本不一致。

1、Vuejs是web 界面的渐进式框架。Vuejs 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。Vuejs 自身不是一个全能框架——它只聚焦于视图层。

2、vuejs是一个Js框架。在node里面通过Npm安装，是为了方便进行模块化管理。这样你的整个项目就能实现模块化组件化，并且按需加载。

3、在搭建vue的开发环境之前，一定一定要先下载nodejs，vue的运行是要依赖于node的npm的管理工具来实现，node可以在官网或者中文网里面下载，根据自己的电脑选择是32还是64 。

这个问题源于我想在服务器上部署博客的前端项目，打算用Nginx来部署前端服务，但是我的443端口已经提供给了微信小程序的服务。

微信小程序要求正式环境的请求必须采用域名，并且是https服务，肯定是无法修改的，博客的前端项目虽然可以用80端口，但是浏览器会一直提示“不安全”，看起来也很不好。

我的CA证书已经被我放在了和小程序服务在一起的 /home 路径下，找到 /etc/nginx/nginxconf 文件，根据它的提示添加如下修改配置文件

这里我为了先验证配置是否生效，已经停止了node服务，使用 nginx -s reload 重新载入配置文件，打开浏览器验证，成功访问到服务。

这时候启动node服务，不出意外的因为443端口被占用而出错。

虽然公司的前端项目基本都使用反向代理，但是自己还是第一次尝试，上网搜了一下资料，竟然很简单，不过要注意的是 location 的配置是真的很绕。

我这里首先将node服务的端口更改为7001并重新启动，用域名+端口访问成功。继续修改 /etc/nginx/nginxconf 文件，在 原有的 location 下新增一条

使用 nginx -s reload 重新载入配置文件，打开浏览器输入 域名/miniprogram 成功访问到小程序服务，接下来只需要统一修改小程序的请求前缀为 /miniprogram 就可以了，而博客项目，仍然可以通过域名直接访问。

在自己尝试配置反向代理后发现了 location 之后加不加 / 以及代理地址后加不加 / 会造成最后转发的结果天差地别，所以整理一下方便自己以后查阅。

假设：Nginx服务器地址为 1111 ，需要转发到 2222

发送请求： 1111/foo/api

假设：Nginx服务器地址为 1111 ，需要转发到 2222

发送请求： 1111/foo/api

这里的表格一开始真的也是看的我一头雾水，但是看了别人的分析后觉得豁然开朗。

修改系统的hosts文件就可以了，比如(你想用的域名为：wwwmyappcom)：

node服务器的host为：localhost，端口(port):8080;

修改系统hosts文件，在末尾加一行代码：127001    wwwmyappcom    然后保存。

在浏览器输入：wwwmyappcom:8080即可访问(前提是项目node服务器正在运行，没运行会失败)；

PS：如果想直接输入wwwmyappcom就能访问(不加端口，其实不是没有端口只是一般80端口是默认值，可以不写)，只需把node服务器的端口(port)设置为80再运行即可（当然前提是80端口没有被其他程序占用）

（1）contentful负责发送文章发布通知的 webhook ，注意配置的时候设置content type为application/json。

（2）使用express框架启动node服务，用于接收webhook的请求与显示构建进度（待完成）,使用 body-parser 解析中间件，解析报文。

（3）linux上锁 flock

（4） kill -- -$pgid 关闭上一进程组。因为难以获取构建中的yarn服务pid，所以通过获取构建脚本的pid作为pgid，将整个组关闭，注意使用node执行脚本时，要使用 spawn 并传递参数 detached: true, 表示该脚本将独立运行，即pgid为该脚本pid。具体查看 child process

（5）linux与nodejs文件读写，

Linux:

'>' '>>' 资源流重定向 分别为 取代 累加

'<' '<<' 资源流重定向 代替键盘输入 结束符

nodejs： fs文件传输流

先安装git

通过git安装nvm

注意nvm提示，要求重启命令行或者输入命令，复制粘贴即可

通过nvm安装node

查看并修改 /etc/nginx/nginxconf

pm2基本语法

添加node服务与脚本文件或将文件从本地传到服务器

hookjs

buildsh

nginxconf（部分）

gitlab-ci

nginx缓存设置

Gatsby推荐设置

显示构建进度（待完成）

到小鸟云购买云服务器 

作为一个穷逼+不熟悉服务器配置的菜鸟。选了最便宜的套餐： 

CPU： 1核 / 内存： 1024 MB / 带宽：1Mbps / 操作系统： CentOS 70 

购买环节会设置 ssh 登陆密码，记下密码。 

登陆到小鸟云，查看购买的实例。 

注意公网 IP，下一步会用到 

2 登陆服务器 

sudo ssh 你的服务器ip地址

提示输入mac的密码，提示输入服务器密码。 

输入后连接成功并显示服务器信息，如下： 

登陆服务器后。这里对于我这个 Linux 菜鸟有个大坑………就是 Linux 系统常见的目录结构和文件放置区域。 

使用 root 用户身份登陆后，会直接进入到下图 红色箭头标出的 root 目录下。先 cd 跳转到上一层, 再 ls -a ，就可以看到类似下图的目录结构了。

3安装 node 和 mongodb

node – 编译后二进制文件应在/usr/local/bin/node 下 

mongodb –安装在/usr/local/mongodb 下

下面就一步一步来，首先升级CentOS

yum -y update1

升级后，跳转到 /usr/local/src , 这个文件夹通常用来存放软件源代码

cd /usr/local/src1

下载 nodejs 代码，也可以使用scp命令直接上传，因为下载实在太慢了。

wget http://nodejsorg/dist/v0125/node-v0125targz

//注根据最新版本号为准12

解压

tar -xzvf node-v0125targz1

进入解压后的文件夹

cd node-v01251

执行配置脚本来进行编译预处理

/configure1

编译源代码

make

//注这个时间可能会很久12

当编译完成后，需要使之在系统范围内可用, 编译后的二进制文件将被放置到系统路径，默认情况下，Node二进制文件应该放在/user/local/bin/node文件夹下

make install1

安装 express 和 forever，这两个模块都推荐 global 安装

npm -g install express forever1

建立超级链接, 不然 sudo node 时会报 “command not found”

sudo ln -s /usr/local/bin/node /usr/bin/node

sudo ln -s /usr/local/lib/node /usr/lib/node

sudo ln -s /usr/local/bin/npm /usr/bin/npm

sudo ln -s /usr/local/bin/node-waf /usr/bin/node-waf

sudo ln -s /usr/local/bin/forever /usr/bin/forever12345

Nodejs到这里就基本安装完成了。

下面来安装mongodb

软件安装位置：/usr/local/mongodb 

数据存放位置：/var/mongodb/data 

日志存放位置：/var/mongodb/logs

首先下载安装包

cd /usr/local

wget http://fastdlmongodborg/linux/mongodb-linux-x86_64-249tgz12

解压安装包，重命名文件夹为mongodb

tar zxvf mongodb-linux-x86_64-260tgz

mv mongodb-linux-x86_64-260 mongodb12

创建数据和日志存放目录

mkdir /var/mongodb

mkdir /var/mongodb/data

mkdir /var/mongodb/logs123

打开rclocal文件，添加CentOS开机启动项：

vim /etc/rcd/rclocal1

将mongodb启动命令追加到本文件中，让mongodb开机自启动：

/usr/local/mongodb/bin/mongod --dbpath=/var/mongodb/data --logpath

/var/mongodb/logs/loglog -fork12

关闭 vim 后，直接手动启动mongodb

/usr/local/mongodb/bin/mongod --dbpath=/var/mongodb/data --logpath

/var/mongodb/logs/loglog -fork12

看到类似的信息，说明已启动成功。我在这里发了个傻，以为26308是port号，导致后面设置port时折腾了好久。其实这里的 forked process 和 port 号是两个东西， 这个是程序本身在Server上的进程。

forked process: 263081

启动mongo shell

cd /usr/local/mongodb/bin/

/mongo12

在 mongo shell 中创建管理员及数据库

use admin //admin 数据库

dbcreateUser({

user: "用户名",

pwd:"登陆密码",

roles:["userAdminAnyDatabase"] //超级管理员

})

use databaseFoo //nodeapp 要连接的数据库

dbcreateUser({

user: "用户名",

pwd:"登陆密码",

roles:["readWrite"] //读写权限

})12345678910111213

到这里 mongodb 基本已经安装设置完成了。具体数据的迁移导入可自行研究。

4配置及启动node app

我们把 nodeapp 的程序放在 /home 下