vue伺服器地址

㈠ Vue_cli 伺服器運行後URL變成http://localhost:8080/#/

在route/index.js文件中找到routes節點，在該節點上面同級定義
mode: 'history',
這樣，路由模式就變成了我們所熟悉的/A/B/C這種形式而沒有#在中間；

㈡ vue配置的代理上線後還生效嗎

該配置的代理上線後還生效。
需要在Vue的配置文件中進行代理配置。Vue的配置文件一般為vue.config.js或vue.js，在其中找到devServer屬性。
其中，api為請求的url中的前綴名，target為要代理到的後端伺服器地址，changeOrigin表示是否跨域，pathRewrite為將url中的/api前綴替換為空。
在配置文件中進行代理配置後，還需要在Vue組件中進行相關設置。

㈢ vue項目如何部署到伺服器

第一步配置 vue.config.js

第二步修改路由，改為 hash模式

第三步文件打包,執行以下，目錄中會出現一個dist文件夾，將文件拖到伺服器的 root 文件夾中

第四步可以通過域名進行訪問 http://www.linlin.run/my-project/index.html#/home

㈣ 《vue》設置代理伺服器devServer 的 proxy

在開發環境，vue-cli 會幫我們創建一個開發伺服器( http://localhost:8080 )，因此，我們請求後端伺服器的時候，可能會出現跨域問題，因為跨域的三要素：域名、埠、協議其一不同。

完整的請求地址：

我的這個地址，裡面本身就攜帶有 api 欄位的

利用 vue-cli 中的 devServer 配置

記住，如果你的地址沒有類似我那個地址那樣，有個 api 作為標識的，你可以手動在地址上加上一些標識，然後利用 pathRewrite 再抹掉即可。

一般不會這么做，這樣做意義也不大。因為這么做的話，不單單ajax請求都用的遠程，連js、css、圖片等其他資源都是遠程返回的。。。

用了這個方法，在開發階段，就不用設置 axios 中的 baseUrl 了，或者這樣設置：

然後開發階段，你的一些ajax的請求的 url 就會匹配到 /api 開頭，設置 proxy了

千萬不要這么設置：

看似匹配到了，實際上沒有生效。。。（我也不知道為什麼，知道的同學說一下）

實際上，這里是看不到的。。
因為，F12 這里的這個請求，實際上是發給了 本地的臨時伺服器，再由本地的伺服器發送給遠程伺服器。

可以這么理解：本地伺服器將F12的這個請求攔截了，然後自己偷偷改掉 url，再請求的遠程伺服器。

正因為本地伺服器脫離瀏覽器的束縛，解決了跨域問題！