vue項目用nginx寫好項目本地先試試路路徑問題

因為剛入門寫了個vue的小東西,想部署到網(wǎng)上
走你

一.安裝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環(huán)境下
./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
#你會發(fā)現(xiàn)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看點下你新加的鏈接,你會發(fā)現(xiàn)你的項目跑起來了,

個人覺得nginx里面的各種東西還是要多了解了解的
覺得不夠的話可以新起一個server

server{
  listen  xx;#端口號
  server_name xxx;#你可以用localhost 或者隨便什么網(wǎng)站,用別人的網(wǎng)址你懂的,要改本地host

  location / {
  root xxx/xxx;#你項目的路徑(這個可能有點怪怪的)
  index index.html index.htm;#這個就是index的先后順序,你可以調整
  }
}


基本這幾行就可以算是摸到門檻,
改來改去,還是我菜

?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

友情鏈接更多精彩內容