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

Posted IT1995

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了前端工作笔记-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后:

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

修改conf下的nginx.conf文件:

重启下nginx

./nginx –s reload

打开浏览器:

 

 

vue cli部署

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

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

修改config\\index.js文件:

输入:

npm run build

即可生成dist文件夹:

以上是关于前端工作笔记-Nginx安装及vue cli部署的主要内容,如果未能解决你的问题,请参考以下文章

用vue cli3创建的vue项目部署到nginx之初体验

Nginx部署Vue项目实战案例

VUE学习笔记:23.脚手架vue-cli之简介,安装及vue cli2初始化项目及其相关选项

Vue:Mac下Cli 3.x环境搭建与vue基本配置及部署

centos8中使用Nginx+Gunicorn部署Vue-cli+Django

vue + CI + APACHE 前后端分离服务器部署踩坑(vue-cli-3)