关键词:
前端项目代码打包
- 请检查vue.config.js中proxy中的target最后不要有斜杠/
- 打包
npm run build
- 放到服务器/home/project/路径下
Node环境配置
- 下载源代码
sudo wget https://npm.taobao.org/mirrors/node/v13.14.0/node-v13.14.0-linux-x64.tar.xz
- node npm环境配置
mv node-v13.14.0-linux-x64.tar.xz /usr/local
//解压到当前目录
tar -xvf node-v13.14.0-linux-x64.tar.xz
//改目录名
mv node-v13.14.0-linux-x64 nodejs
//创建链接
ln -s /usr/local/nodejs/bin/node /usr/local/bin/node
ln -s /usr/local/nodejs/bin/npm /usr/local/bin/npm
- 运行node -v,npm -v查看版本,正确则node npm环境无误
- 配置npm镜像
npm config set registry https://registry.npm.taobao.org
、npm info underscore
- 全局安装pm2
npm install pm2 -g
,检查是否安装成功pm2 -v
,若出现问题参考:https://blog.csdn.net/weixin_42369292/article/details/106858077
Nginx安装
- gcc 安装
yum install gcc-c++
- PCRE pcre-devel 安装
yum install -y pcre pcre-devel
- zlib 安装
yum install -y zlib zlib-devel
- OpenSSL 安装
yum install -y openssl openssl-devel
- 直接下载.tar.gz安装包
wget -c https://nginx.org/download/nginx-1.12.0.tar.gz
- 解压
tar -zxvf nginx-1.12.0.tar.gz
、cd nginx-1.12.0
- 配置(重要,必须加后面的参数,不然不支持HTTPS)
./configure --prefix=/usr/local/nginx --with-http_ssl_module
- 编译、安装
make
、make install
- 查看安装路径
whereis nginx
- 进入nginx.conf配置文件
cd /usr/local/nginx/conf/
,在这个目录下面,以实际为准 - 编辑nginx.conf
server
listen 9200;
server_name localhost;
location /
root /home/project/dist/;
index index.html index.htm;
location /yjzh
proxy_pass http://10.82.28.150:35000/api/v1;
location /api
proxy_pass http://10.82.28.169:15000/api;
location /gaode
proxy_pass https://restapi.amap.com/v3/place/text;
location /tel
proxy_pass http://111.22.48.162:28261;
location /tian
proxy_pass http://api.tianditu.gov.cn;
location /tq
proxy_pass http://127.0.0.1:35002/api;
location /cti
proxy_pass http://111.22.48.162:28261;
#error_page 404 /404.html;
# redirect server error pages to the static page /50x.html
#
error_page 500 502 503 504 /50x.html;
location = /50x.html
root html;
...................略
- 保存退出
- 启动配置
vim /etc/profile
,加入
PATH=$PATH:/usr/local/nginx/sbin
export PATH
source /etc/profile
- 启动nginx
cd /usr/local/nginx/sbin/
、./nginx
- 每次改完nginx.conf后需要reload
/usr/local/nginx/sbin/nginx -s reload
centos下实现flask+virtualenv+uwsgi+nginx部署(代码片段)
...如果你安装好了环境并有一定基础可以直接从第五节开始部署。 项目中只是演示了浏览器访问地址,获得文本返回的过程,本人尽量把配置解释的清晰。基于搭建好的架构,后续可以将业务层(Python)进行扩展,本文不做研... 查看详情
centos搭建ci持续集成系统环境--部署gerrit环境完整记录
gerrit是一套代码审核环境,安装前提需要安装java环境,mysql环境,nginx环境。这里我为了简单直接用lnmp一键安装,剩下就是java了。lnmp不会安装的可以查考一下用shell脚步一键搭建lnmp环境实战本文出自“吴老二”博客,请务必保... 查看详情
web前端项目部署到服务器:
参考技术A执行成功后会生成dist文件4.1进入到nginx配置目录:/usr/local/nginx/conf,对nginx.conf文件进行配置使用include可以配置多个.conf文件,如一个项目一个配置文件。在同目录下创建demo文件夹,并创建demo.conf配置文件下面使用是以ip... 查看详情
centos下部署flask
尝试在Centos6.5下部署Flask应用并成功,记录一下步骤,参数为什么这样配置还需要再研究uwsgi和Nginx才能回答。Python版本升级2.7测试机器centos6.5默认自带的python版本是2.6.6,因此需要升级。我们采用Anacond的方式进行升级。升级过程... 查看详情
centos7(linux)部署nginx+haproxy+nfs(代码片段)
...服务器,比如在前后端分离的项目中,为了加速前端页面的响应速度,我们可以将前端的相关资源,例如html、js、css或者图片等放到nginx指定的目录下,访问的时候只需要通过IP加路径就可以实现高效快速的访... 查看详情
Nginx 部署 Angular 前端未连接到 DRF 后端
】Nginx部署Angular前端未连接到DRF后端【英文标题】:NginxDeployedAngulerFrontnedDoesnotConnecttoDRFbackend【发布时间】:2020-12-2503:26:25【问题描述】:我已经在同一个aws实例中部署了drf后端和angular前端,我使用Nginx和gunicron来部署drf和Nginx... 查看详情
flaskweb应用
...用Flask架构部署一个简单的Python应用。然后使用Nginx作为前端反向代理,设置uWSGI应用网关处理web应用程序。二、条件1) 环境要求Serv 查看详情
学习docker部署nginx记录(代码片段)
dockerpullnginx$dockerpullnginx$dockerrun--namenginx-test-p8081:80-dnginxdockerconfig$mkdir-p~/nginx/www~/nginx/logs~/nginx/conf$dockercpd624b3debbc9(namenginx-test容器id运行删除括号内容):/etc/nginx/nginx.conf~ 查看详情
若依前端部署ubuntu安装nginx并配置静态资源(代码片段)
部署文档完整的前端部署文档请点这里安装nginx配置静态资源之前,需要先安装nginx服务器。apt-getinstallnginx启动nginxservicenginxstart其它命令:nginx-v#查看版本号nginx-sstop#关闭nginx-sreload#修改配置文件后重新加载默认的安装目... 查看详情
centos7安装部署nginx+haproxy+nfs的部署方法(代码片段)
部署四台Centos7Centos7IPCentos7x1192.168.52.157Centos7x2192.168.52.153Centos7x3192.168.52.156Centos7x4192.168.52.1511.1部署两台nginx(x1,x2两台操作都一样)先上传安装包(下面链接里有RZ包)http://链接:https://pan.baidu.com/s/1znryAj3qc3QnQaKSDTU6KQ... 查看详情
ansible-playbook远程安装nginx
ansible用于批量管理远程服务器,下面记录使用ansible远程部署nginx服务的过程。实验环境:ansible主机:centos6.6192.168.38.152已经源码编译安装好了nginx服务,安装过程参考这里远程服务器:centos6.6192.168.38.155(hostsname:web155.com)用于部署... 查看详情
nginx实战:部署react前端项目(代码片段)
Nginx实战:部署React前端项目文章目录Nginx实战:部署React前端项目正文1.准备React项目&完成打包2.准备Docker镜像&配置文件3.启动/停止服务其他资源参考连接完整代码示例正文1.准备React项目&完成打包先准备一个React项目,... 查看详情
centos7下部署nginxweb服务+haproxy监控+nfs共享(代码片段)
...b服务,一台做nfs共享服务(本文均采用yum安装)iphostname部署服务192.168.197.144Centos7nginxoneNginx192.168.197.145Centos7nginxtwoNginx192.168.197.146Centos7haproxyHaproxy192.168.197.147Centos7nfsNfsCentos7nginxoneCentos7nginxtwo服务器部署Nginx:Centos7下Nginx部署... 查看详情
centos7下elasticsearch集群部署记录
...话在此就不多赘述了,下面记录下CentOS7下Elasticsearch集群部署过程:之前在三台服务器部署Elasticsearch集群:q 查看详情
nginx部署多个前端项目
参考技术A这里就不介绍同一端口和同一nginx.conf,有需要的童鞋自行百度。这里介绍不同项目的不同配置。服务器中已经部署了其他项目,这里做一个简单的页面做测试:1、新建目录:/root/nginx/8571//root/nginx/8571/html//root/nginx/8571/l... 查看详情
centos7下部署node应用程序
...、安装nginx三、使用express写一个简单的demo,并且使用pm2部署四、错误invalidPIDnumber""in"/run/nginx.pid"五、解决办法在重启云主机(系统)之后,执行nginx-t是OK的,然而在执行nginx-sreload的时候报错nginx:[error]invalidPIDnumber“”in“/run/ngin... 查看详情
centos7下openldap统一认证的主从环境部署记录
...OpenLDAP基础知识,以往在centos6.x系统上是通过slapd.conf配置部署OpenLDAP主从环境的,centos7上默认是动态部署的,通过yum安装发现无slapd.conf文件。下面记录下Centos7.4系统下OpenLDAP主从环境配置记录:1)服务器基本信息192.168.10.213openld... 查看详情
nginx+uwsgi和nginx+gunicorn区别、如何部署
参考技术A大家是采用的何种部署方式?第一种,高并发稳定一点我在很多的博客中都看过有关Flask应用的部署,也有很多博主在开博后都记录了部署的教程,因为其中的坑可以说不少。一开始我在网上看到相比较与Ubuntu,CentOS因... 查看详情