这次给大家带来如何使用vue webpack，使用vue webpack的注意事项有哪些，下面就是实战案例，一起来看一下。
在开发时，前后端分离同时进行开发。前端调用后端给的接口也是在局域网内部的。但是，当项目推到线上的时候,会从真实服务器上获取接口,在测试接口和真实接口之间频繁切换，让人十分恶心。
第一步，在webpack配置文件中，分别设置不同的接口地址
打开dev.en.js文件。修改如下：
var merge = require('webpack-merge')
var prodEnv = require('./prod.env')
module.exports = merge(prodEnv, {
NODE_ENV: '"development"',
API_ROOT: '"//192.168.1.8/api"' // 添加api地址
})同样在prod.env.js文件中
module.exports = {
NODE_ENV: '"production"',
API_ROOT: '"//www.baidu.com/api"'
}第二步，在代码中调用设置好的参数
比如我的： src/config/api.js文件
// 原来的API接口地址 var root = 'https://cnodejs.org/api/v1'
// 新配置的API接口地址 var root = process.env.API_ROOT
相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！
推荐阅读：
Atas ialah kandungan terperinci 如何使用vue webpack. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Bagaimana untuk menyelesaikan watak tomcat Cina yang kacau
padam folder dalam linux
xserver
Cara mengubah suai teks pada gambar
perkhidmatan web panggilan java
Bagaimana untuk mengunci skrin pada oppo11
Apakah sebab telefon bimbit mempunyai nombor kosong?
Bagaimana untuk membuat indeks dalam perkataan
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
