yjzh前端部署记录centos+nginx+vue(代码片段)

gisliuliang gisliuliang     2022-12-01     793

关键词:

前端项目代码打包

  • 请检查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.orgnpm 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.gzcd nginx-1.12.0
  • 配置(重要,必须加后面的参数,不然不支持HTTPS) ./configure --prefix=/usr/local/nginx --with-http_ssl_module
  • 编译、安装 makemake 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因... 查看详情