㈠ vue 生產環境 多個介面域名怎麼配置
在webpack.config.js文數坦喚件里薯凱面配置信衡開發伺服器
devServer: {
historyApiFallback: true,
noInfo: true,
port:9188,//訪問埠
colors:true
},
㈡ vue設置代理的時候填的是伺服器地址嗎
vue設置代理的時候填的是伺服器地址。
簡單的只能配置一個代理，不能控制走不走代理。vue.config.js配置
例如: 比如介面地址為/students, pubilc文件里有名為students的文件，代理伺服器則不會將請求轉發到伺服器，會直接將public里名為student的文件里的內容返回。
㈢ vue的多頁面配置
如何使用項目
項目改造過程
可以通過/sign,/test訪問頁面 7. 上面這種模式打包上線的時候需要後台的配置，(比如打包後的文件都在build文件夾下),nginx配置如下
server {
listen 3088;
server_name localhost;
#charset koi8-r;
#access_log /var/log/nginx/host.access.log main;
root /usr/share/nginx/html/build;
index index.html index.htm;
#error_page 404 /404.html;
# redirect server error pages to the static page /50x.html
#
error_page 500 502 503 504 /50x.html;
location = /50x.html {
root /usr/share/nginx/html;
}
location /sign {
try_files $uri $uri/ /sign.html;
}
location /test {
try_files $uri $uri/ /test.html;
}
}
上面的配置就能直接訪問www.host:3388/sign,www.host:3388/test,這樣整體的多頁面配置就完成了。
通過node啟動一個伺服器來渲染多個html頁面
㈣ 《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，再請求的遠程伺服器。
正因為本地伺服器脫離瀏覽器的束縛，解決了跨域問題！