前端工作笔记-Nginx安装及vue cli部署

目录

 

 

Linux中Nginx安装

vue cli部署


 

 

Linux中Nginx安装

这里找了一台Linux机器:

tar –zxvf xxxxx.gz

换root来搞

./configure
make
make install

这里默认安装的位置为: /usr/local/nginx/

这里在make后都可以看到的.

在/usr/local/nginx/sbin中运行nginx

这里要注意通过 lsof –i:80或者 netstat –anpt来查端口是不是被其他程序占用了

运行./nginx后:

前端工作笔记-Nginx安装及vue cli部署_第1张图片

把vue cli build后的dist问题弄过去(下面就会说这个文件是如何来的)

修改conf下的nginx.conf文件:

前端工作笔记-Nginx安装及vue cli部署_第2张图片

重启下nginx

./nginx –s reload

打开浏览器:

前端工作笔记-Nginx安装及vue cli部署_第3张图片

 

 

vue cli部署

这里使用vue cli构建一个项目:

前端工作笔记-Nginx安装及vue cli部署_第4张图片

修改\src\router\index.js文件:(去浏览器上的#)

前端工作笔记-Nginx安装及vue cli部署_第5张图片

修改config\index.js文件:

前端工作笔记-Nginx安装及vue cli部署_第6张图片

输入:

npm run build

前端工作笔记-Nginx安装及vue cli部署_第7张图片

即可生成dist文件夹:

你可能感兴趣的:(web前端,Nginx,Vue)