美文网首页
CentOS Nginx + Vue2 Webpack Simp

CentOS Nginx + Vue2 Webpack Simp

作者: hyperRect | 来源:发表于2017-09-08 17:12 被阅读0次

    1.install PCRE

    cd /usr/local/
    wget ftp://ftp.csx.cam.ac.uk/pub/software/programming/pcre/pcre-8.41.tar.gz
    tar -zxvf pcre-8.41.tar.gz
    cd pcre-8.41
    ./configure
    make
    make install
    

    2.install ZLIB

    cd /usr/local/
    wget http://zlib.net/zlib-1.2.11.tar.gz
    tar -zxvf zlib-1.2.11.tar.gz
    cd zlib-1.2.11
    ./configure
    make
    make install
    

    3.install OPENSSL

    cd /usr/local/
    wget http://www.openssl.org/source/openssl-1.0.1j.tar.gz
    tar -zxvf openssl-1.0.1j.tar.gz
    ./configure
    make
    make install
    

    4.install nginx

    cd /usr/local/
    wget http://nginx.org/download/nginx-1.8.0.tar.gz
    tar -zxvf nginx-1.8.0.tar.gz
    cd nginx-1.8.0 
    ./configure --prefix=/usr/local/nginx --with-pcre=/usr/local/pcre-8.41 --with-zlib=/usr/local/zlib-1.2.11
    make
    make install
    

    5.start nginx

    /usr/local/nginx/sbin/nginx
    

    6.配置转发规则

    vi /usr/local/nginx/conf/nginx.conf
    server {
            listen       80;
            server_name  127.0.0.1:8080;
    
            location / {
    
                proxy_pass   http://127.0.0.1:8080;
            }
    
        }
    

    80 -> 转发到 8080 也就是 vue-cli webpack-simple启动后默认的端口

    7. install vue-cli

    npm i vue-cli -g
    vue init webpack-simple demo-project
    cd demo-project
    npm install
    npm run dev
    

    这样就起了localhost:8080 并被nginx转发

    相关文章

      网友评论

          本文标题:CentOS Nginx + Vue2 Webpack Simp

          本文链接:https://www.haomeiwen.com/subject/behnjxtx.html