美文网首页
vue项目用nginx写好项目本地先试试路路径问题

vue项目用nginx写好项目本地先试试路路径问题

作者: wonghauben | 来源:发表于2018-10-29 01:26 被阅读0次

因为刚入门写了个vue的小东西,想部署到网上
走你

一.安装nginx

1.安装nginx本地

#下载最新版本:
wget http://nginx.org/download/nginx-1.11.3.tar.gz
#解压:
tar -zxvf nginx-1.11.3.tar.gz
#进入解压目录:
cd nginx-1.11.3
#配置:需要进入root环境下
./configure --prefix=/usr/local/nginx 
#编辑nginx:
make
注意:这里可能会报错,提示“pcre.h No such file or directory”需要安装 libpcre3-dev,命令为:sudo apt-get install libpcre3-dev
#安装nginx:
make install
#启动nginx:
/usr/local/nginx/sbin/nginx
#你会发现80端口被占用了 错杀也不放过,(小心可能是你的浏览器占用了)
fuser -k 80/tcp
#查看nginx进程:
ps -ef|grep nginx

2.配置/usr/local/nginx/conf/nginx.conf()配个鸡掰
在/usr/local/nginx/html 改index.html加个链接就行

#我的项目命名是docs放在和nginx目录下所以这么写的
<a href="../docs/index.html">这是测试我项目的链接</a>

3.nginx信号重新加载新配置

#先查下进程号
ps -ef|grep nginx
#重新加载配置
kill -HUB xxxxxxxxx#进程号xxxxxxx

然后你打开127.0.0.1看点下你新加的链接,你会发现你的项目跑起来了,

个人觉得nginx里面的各种东西还是要多了解了解的
觉得不够的话可以新起一个server

server{
  listen  xx;#端口号
  server_name xxx;#你可以用localhost 或者随便什么网站,用别人的网址你懂的,要改本地host

  location / {
  root xxx/xxx;#你项目的路径(这个可能有点怪怪的)
  index index.html index.htm;#这个就是index的先后顺序,你可以调整
  }
}


基本这几行就可以算是摸到门槛,
改来改去,还是我菜

相关文章

网友评论

      本文标题:vue项目用nginx写好项目本地先试试路路径问题

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