精华内容
下载资源
问答
  • linux部署前端

    2020-08-24 10:50:42
    其他相关命令 linux 替换window换行符: sed -i ‘s/^m//g’ FileName; sed -i ‘s/原字符串/替换字符串/g’ filename //替换文件中的所有匹配项 set +o history // 不会将任何当前会话写入日志。可以在会话期间任何...

    1.编辑脚本nginx.conf

    /usr/local/nginx/conf/conf.d/xxx.conf

    server {
            listen       9999;
            server_name  localhost;
    
            #charset koi8-r;
    
            #access_log  logs/host.access.log  main;
    
            location / {
                    root   /data/qes-app/qit/build;
                    index  index.html index.htm;
                    add_header Cache-Control "no-cache";
                    add_header Pragma "no-cache";
            }
    
            #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;
            }
    }
    

    2.重启nginx

    进入目录 cd /usr/sbin
    ./nginx -s reload

    3.其他相关命令

    linux 替换window换行符:
    sed -i ‘s/^m//g’ FileName;
    sed -i ‘s/原字符串/替换字符串/g’ filename
    //替换文件中的所有匹配项

    set +o history // 不会将任何当前会话写入日志。可以在会话期间任何时间运行,并隐藏所有命令。

    set -o history // 重启日志记录,但是会记录 set 命令,所以会发生一些明显的变化。

    chmod 777 soffice.bin // 777就是rwxrwxrwx,意思是该登录用户(可以用命令id查看)、他所在的组和其他人都有可读可写可执行的最高权限。

    展开全文
  • Linux部署前端脚本

    2021-03-09 19:42:48
    在没有自动化部署的情况下,每次提交完代码,都要在服务器上拉代码,然后build,很麻烦,这里写了一个小脚本完成拉代码,build,实时打印log的功能,命名为run.sh,每次上传代码后,进入到指定的文件夹直接 ./run.sh...

    在没有自动化部署的情况下,每次提交完代码,都要在服务器上拉代码,然后build,很麻烦,这里写了一个小脚本完成拉代码,build,实时打印log的功能,命名为run.sh,每次上传代码后,进入到指定的文件夹直接 ./run.sh就可以了。
    脚本

    echo "====== When build complete,Press Ctrl+C to exit the log console======"
    git pull
    sudo npm run build > frontend.log &
    tail -f frontend.log
    
    
    展开全文
  • linux部署前端react项目

    千次阅读 2019-11-06 14:42:09
    一、配置linux环境 1、安装node和npm 1)在node官网下载对应node安装包:http://nodejs.cn/download/ 可以通过命令:uname -a 查看当前系统内核; 也可通过命令:wegt +node下载地址(没用这个,可自行百度)...

     

    一、配置linux环境

    1、安装node和npm

    1)在node官网下载对应node安装包:http://nodejs.cn/download/

          可以通过命令:uname -a   查看当前系统内核;

          也可通过命令:wegt +node下载地址(没用这个,可自行百度)。

    2)下载之后上传到服务器,然后创建node目录,解压安装node

    tar xvf node-v12.13.0-linux-x64.tar.xz #解压
    mv node-v12.13.0-linux-x64 nodejs #改短名

        

    cd /nodejs/bin  #进入目录
    ./node -v  #查看node版本

     

          如果查看node版本时提示找不到GLIBCXX和GLIBC版本,需升级对应版本库(可自行百度)。

    3)配置软链接

          需要创建软链接,以便全局使用

    ln -s /usr/local/nodejs/nodejs/bin/node /usr/local/bin/node
    ln -s /usr/local/nodejs/nodejs/bin/npm /usr/local/bin/npm

        执行完此命令后可通过  node -v和npm -v查看相应版本信息

    4)配置node环境变量

    划重点:后面用serve -s部署项目时,会找不到指令

    进入配置文件 

    vi /etc/profile

    按 i 键进入编辑模式,进入文件末尾添加:

    export NODE_HOME=/usr/local/nodejs/nodejs/bin
    export PATH=$NODE_HOME:$PATH

    然后按 ESC 键 ,在控制台输入:wq,回车保存退出。

    使配置文件立即生效

    sourse /etc/profile

    5)安装serve

    npm install -g serve   

    部署react项目时需要用到此命令

    6)安装react脚手架

    npm install -g create-react-app

    二、打包、部署react项目

    1、打包项目

    我们是用creat-react-app创建的前端项目,在控制台使用如下命令可打包项目,项目根目录会生成build文件夹

    npm run build
    

    将文件夹打包发送至linux服务器,解压。

    然后记录build文件夹,使用如下命令启动项目

    serve -s

    到这步之后访问不成功,百思不得其解,欢迎大家吐槽,顺便告诉我怎么玩。

    三、其他部署方法

    经同事测试,可以将build文件夹放在tomcat里webapps下的ROOT文件夹中,然后需要将build文件夹的权限修改成可读可写可执行

    chmod 777  build

    然后直接启动tomcat即可访问项目。

    展开全文
  • 先下载nodejs。 Global npm packages to install的值为: cnpm --registry=https://registry.npm.taobao.org 先创建一个demo 设置了一个全局构建参数: 选择代码源,我这里是用的SVN,所以以SVN来......

    先下载nodejs。

    Global npm packages to install的值为:

    cnpm --registry=https://registry.npm.taobao.org

    先创建一个demo

    设置了一个全局构建参数:

    选择代码源,我这里是用的SVN,所以以SVN来解说。

    构建环境选择刚才下载的node.js。

    执行命令,先将代码压缩,然后上传:

    echo /var/lib/jenkins/workspace/live-webHtml-88
    node -v #查看版本
    npm -v #查看版本
    #npm install chromedriver --chromedriver_cdnurl=http://cdn.npm.taobao.org/dist/chromedriver
    #npm init -f #下载package.json
    #npm install   #安装依赖
    #npm run build:dev  #打包环境
    rm -rf $webName.tar.gz
    tar -zcvf $webName.tar.gz *

    上传至服务器,并进行解压。

    完成后,保存,点击构建,控制台显示success则成功。

     

    展开全文
  • 本文主要讲不使用 nginx 如何部署前端项目,静态页面和 node 的项目同样适用。下面的介绍中,暂时先没有使用到 jenkins 去进行自动部署,就是自己登录服务器进行操作的步骤。 本文可以让你学到什么 写这篇文章的目的...
  • Linux服务器部署前端项目到外网访问

    千次阅读 2020-07-16 17:21:14
    Linux服务器部署前端项目到外网访问 Linux服务器端安装Nginx 1、下载: $ wget http://nginx.org/download/nginx-1.13.6.tar.gz 2、解压缩 $ tar -zvxf nginx-1.13.6.tar.gz $ cd nginx-1.13.6 3、安装: $ ...
  • linux 前端部署

    2018-03-30 11:17:00
    linux.conf user root; worker_processes 8; #error_log logs/error.log; #error_log logs/error.log notice; #error_log logs/error.log info; #pid logs/nginx.pid; events { ...
  • Linux部署前端vue项目

    千次阅读 2020-03-02 15:35:55
    步骤1: 首先下载并解压node.js cd /opt wget ...tar -zxvf node-v8.6.0-linux-x64.tar.gz 在默认情况下,node的bin目录是:/opt/node-v8.6.0-linux-x64/bin 然后把目录 ...
  • 部署前端资源文件: 1.准备好资源文件: 2.查看tomcat进程: ps -ef|grep tomcat 3.杀掉之前的tomcat进程: kill -9 13997(端口号) (如果之前没有tomcat进程可以省略此步) 4.再次查看tomcat进程,查看进程...
  • Linux服务器上如何部署前端vue项目

    万次阅读 2020-11-10 23:10:11
    1.使用宝塔面板在服务器上安装nginx 2.前端vue项目进行打包会得到dist 3.将dist文件中的内容全部复制到nginx中的html文件夹中即可! 4.然后访问域名或者服务器ip即可。
  • 1.安装依赖包 yum -y install gcc zlib zlib-devel pcre-devel openssl openssl-devel 2.下载并解压安装包 //创建一个文件夹 cd /usr/local mkdir nginx cd nginx //下载tar包 ...tar -xvf nginx-1.18.0.tar.gz ...
  • 简单的利用nginx部署前端项目 #1 服务器 #2 链接到远端 #3 前端项目build 使用打包后的dist文件夹 #4 express框架快速搭建后端环境 将#3的文件放入public目录下 #5 安装并配置nginx server_name location #6 重启 ...
  • 将该压缩包放到/usr/local/jdk目录下,jdk目录需要自己手动创建(可自定义目录名),cd到jdk目录下,然后解压该压缩包,输入如下指令: tar zxvf jdk-8u11-linux-x64.tar.gz 3.解压成功后,输入如下命令,配置环境变量...
  • ## 1.安装git略过(其实我没装过...) ## 2.git --version查看版本 ## 3.初始化 git init ## 4.稍微设置一下git的name和email git config --global user.name "robsky" git config --global user.email "110@......
  • 自己写项目总归是要给人看的,对于测试或者上线最终都是要部署到服务器的,本文就是记录前端项目如何部署到nginx服务器 Linux安装Nginx (傻瓜式) CentOS7 中使用yum安装Nginx的方法 参照:CentOS7中使用yum安装...
  • Nginx简单部署前端打包项目 下载Nginx文件 http://nginx.org/en/download.html 测试系统为windows 解压后文件 主要修改配置文件 nginx-1.18.0/conf/nginx.conf Nginx启动 配置后直接点击Nginx.exe或者在nginx安装...
  • linux 安装tomcat 将tomcat放入 software 临时文件中 解压这个文件 tar -zxf apache-tomcat-8.5.61.tar.gz ---移动到指定目录 mv apache-tomcat-8.5.61 /home/springcloud/vue/ vim server.xml [root@dbs apache...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 1,268
精华内容 507
关键字:

linux部署前端

linux 订阅