CentOS Nginx + Vue2 Webpack Simple

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转发

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容