如何在linux上部署vue項目


安裝nginx的前奏

安裝依賴

	yum -y install gcc zlib zlib-devel pcre-devel openssl openssl-devel  
創建一個文件夾
 	cd /usr/local  

	mkdir nginx  

	cd nginx  
下載Nginx tar包 和 解壓
	 wget http://nginx.org/download/nginx-1.13.7.tar.gz 
     tar -xvf nginx-1.13.7.tar.gz

安裝nginx

進入nginx目錄
	cd /usr/local/nginx/nginx-1.13.7 (當前下載的nginx的版本)
執行命令
	./configure
執行安裝make命令 ( 可以先查看當前是不是支持make命令 make -v )
	yum -y install gcc automake autoconf libtool make
執行make install命令 安裝nginx
	make && make install  

好了如果訪問 當前IP有頁面顯示的話那么nginx就是安裝成功了

現在開始設置Nginx的配置文件

Nginx的配置文件路徑 /user/local/nginx/conf/nginx.conf

在server里面新增 一項
location / {
			  alias  /home/wwwroot/default/dist/; #默認訪問vue靜態文件目錄(dist路徑)
			  index  index.html; #默認訪問文件
			  try_files $uri $uri/ /index.html; #目錄不存在則執行index.html
		  }

如還是不懂的話就看下面吧!重要的地方標了兩個 ** 就是配置讀取vue項目靜態文件路徑(這個是全部Nginx配置文件)

	server
	{
		listen 80 default_server reuseport;
		include enable-php.conf;
 **     location / {
          alias  /home/wwwroot/default/dist/; #默認訪問目錄
          index  index.html; #默認訪問文件
          try_files $uri $uri/ /index.html; #目錄不存在則執行index.html
     }

    location /nginx_status
    {
        stub_status on;
        access_log   off;
    }

    location ~ .*\.(gif|jpg|jpeg|png|bmp|swf)$
    {
        expires      30d;
    }

    location ~ .*\.(js|css)?$
    {
        expires      12h;
    }

    location ~ /.well-known {
        allow all;
    }

    location ~ /\.
    {
        deny all;
    }


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM