欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

nginx部署vue項(xiàng)目,給訪問路徑加前綴的實(shí)現(xiàn)

 更新時(shí)間：2022年12月09日 10:24:22   作者：你猜是不是我  
這篇文章主要介紹了nginx部署vue項(xiàng)目,給訪問路徑加前綴的實(shí)現(xiàn)方式，具有很好的參考價(jià)值，希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教

Nginx安裝與啟動(dòng)

去官網(wǎng)下載nginx壓縮包，解壓到電腦合適位置，我這放在D盤，目錄是D:\nginx-1.21.6，


在這個(gè)路徑，直接輸入cmd，打開命令行，啟動(dòng)命令：

nginx.exe

或者

start nginx

關(guān)閉命令

taskkill /f /t /im nginx.exe

改了配置文件，不需要先關(guān)閉再啟動(dòng)，直接重啟，重啟命令

nginx -s reload

Vue增加訪問路徑

有時(shí)候會(huì)根據(jù)需要，區(qū)分不用的vue項(xiàng)目，這樣要加一個(gè)前綴，不加前綴，訪問是http://localhost:8080/，加一個(gè)前綴，cancer，訪問路徑就是http://localhost:8080/cancer
這個(gè)路徑，在router/index.js修改配置，增加一個(gè)base

const router = new VueRouter({
  routes: routes.concat(asyncRouterMap),
  base: window.publicPath ? window.publicPath + "/" : "",
  mode:
    process.env.NODE_ENV === "production" || process.env.NODE_ENV === "test"
      ? "history"
      : "hash",
});

window.publicPath就是需要的前綴，window.publicPath = “/cancer”;

然后npm run build打包，把打包后的文件，在nignx路徑下html文件夾下，新建一個(gè)文件夾，cancer，把包里的內(nèi)容放進(jìn)去

nginx配置

	server {
         #前端啟動(dòng)端口監(jiān)聽
        listen       8780;
        #本機(jī)ip，也可以是域名
        server_name  192.168.2.87;
		location / {  
            root   html;
            index  index.html index.htm;
        }
		location /cancer {
			alias  html/cancer;
           index  index.html index.htm;
           try_files  $uri  $uri/   /cancer/index.html;
        }

總結(jié)

以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

相關(guān)文章

最新評論