① 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怎么给后端
启个服务，让他右键源代码，