① vue前端工程代理之後怎麼查看請求介面的真實url呢
vue項目 一般都會用webpack構建，在開發環境可能會遇到跨域問題，所以配置代理伺服器，如果想查看代理的介面，只要到相應的webpack配置文件里去找就好了。vue2.0 應該通過webpack.dev.conf.js來找。
② 里怎樣開發和部署前端代碼
var config = require("./webpack.config.js");var webpack = require("webpack")var webpackDevServer=require("webpack-dev-server")
config.entry.unshift("webpack-dev-server/client?http://localhost:8080", "webpack/hot/dev-server");var compiler = webpack(config);var server = new webpackDevServer(compiler, {
contentBase: "build",
hot: true, inline: true,
historyApiFallback: true,
proxy: { '/*': {
target: 'loaclhost:8088/',
secure: false
},
}
});
server.listen(8080);
③ 如何使用webpack，proxy實現前後端分離，並且方便後期前後端聯調
分離的痛點是分離後，介面提供不及時，文檔不完善，模擬數據不方便等。說一下我們的解決辦法：
1）webpack設置proxy，這個通過webpack文檔或GOOGLE一下可以解決。
2）第二步就是需要在後端提供介面及數據和介面文檔，而因為前後端很可能是並行開發的，所以在真實介面出來之前需要前端模擬介面及數據，及數據文檔然後在真實介面出來後，切換到真實介面調試，我們之前也遇到過此問題，所以抽時間自己做了個mocksever 系統，功能包括:
支持可視化編輯JSON介面數據及介面文檔
支持GET、POST、PUT、DELETE請求類型
支持指定返回狀態碼，默認200
支持延時返回數據
支持mockjs
支持單個介面代理到真實伺服器(開發過程中某個介面使用模擬數據,當此介面已開發完成後,可將指定介面,通過此服務指向到真實介面上)
④ 如何用webpack實現自動化的前端構建工作流
這就復雜了，有的公司專門有webpack配置工程師這個崗位，一句話兩句話真說不明白，我這收藏了一個關於webpack的基本配置你可以看下，我看了三遍，收獲挺大的。望採納謝謝。
⑤ webpack打包後的代碼，如何部署到伺服器上
本文章前端代碼是基於vue+webpack開發的
Nginx是一款輕量級的Web 伺服器/反向代理伺服器
首先，webpack配置如下
在開發過程中，我們是通過npm run dev在開發環境中運行代碼
如果要部署到生產環境中，可以運行npm run build進行上線打包
打包完成後，會發現項目中多了dist這個文件夾
執行結果和webpack的配置文件一致。
代碼被webpack打包完成後下一步就是部署到伺服器上，此文僅適合於前端代碼是部署在windows操作系統的nginx服務中。
這里假設：
Windows操作系統：windows server 2008 64位
Nginx服務：nginx-1.12.2 64位
1.下載nginx-1.12.2 64位解壓，假設nginx-1.12.2放在D:nginx-1.12.2目錄中，nginx目錄結構。如圖下
2、前端代碼放在D:nginx-1.12.2html目錄中，dist目錄就是剛剛前端打包完的代碼。如圖下
3、在D:nginx-1.12.2conf目錄中，有個nginx.conf配置文件，進行編輯這個文件
4、假設前端的埠號為8082，如果埠號被佔用，請修改為其它埠號。後台服務訪問地址http://192.168.121.**:8080,
5、打開cmd控制台，進入目錄D:nginx-1.12.2中，用start nginx命令啟動服務，然後用tasklist /fi "imagename eq nginx.exe"，查看nginx服務是否啟動。
4、如果改變配置文件時，需要用nginx -s reload 命令重啟nginx工作進程。
5、關閉服務
nginx -s stop
nginx -s quit 安全關閉
taskkill /F /IM nginx.exe > nul 關閉所有nginx服務
⑥ 【Web前端基礎】webpack全局安裝失敗怎麼辦
換成其他源安裝試下
⑦ 前端採用vue+webpack後端採用java全棧開發，怎麼實現自動部署
仔細看了看題主的問題。。你是不是想用webpack－dev－server做反向代理tomcat？。。。
附上我用webpack－dev－server做反向的的代碼
varconfig=require("./webpack.config.js");varwebpack=require("webpack")varwebpackDevServer=require("webpack-dev-server")
config.entry.unshift("webpack-dev-server/client?http://localhost:8080","webpack/hot/dev-server");varcompiler=webpack(config);varserver=newwebpackDevServer(compiler,{
contentBase:"build",
hot:true,inline:true,
historyApiFallback:true,
proxy:{'/*':{
target:'loaclhost:8088/',
secure:false
},
}
});
server.listen(8080);
⑧ webpack寫好的前端html怎麼給後端
啟個服務，讓他右鍵源代碼，