webpack config文件配置 在生产环境/开发环境下使用不同的API接口
生产环境和开发环境的区别 --save 的缩写是 -S 存在生产环境 dependencies 中,项目部署上线需要的依赖项. --save-dev 的缩写是 -D 存在开发环境 devDependencies 中,项目部署上线不需要此节点下的依赖项. --production 表示只安装 dependencies 节点下,记录的包,不安装 devDependencies 节点下的包;当项目要上线了,才会使用 --production 命令 webpack项目的文件目录 其中 build 和 config 文件夹是webpack+vue搭建项目自动生成的内容. 关于开发环境和生产环境API接口的配置主要在 config 文件夹中, 默认生成的 dev.env.js 和 prod.env.js 文件, 分别对应开发环境 npm run dev 和生产环境 npm run build , 这两个文件向外暴露一些配置, index.js 中进行详细的配置 dev 和 build 的编译. 配合axios使用 在dev,prod文件中定义的参数可以在 main.js 中使用 process.env.参数名 获取值, 一般配合axios使用, 在main.js 中引入axios, 设置基准URL,并挂载到Vue原型对象上面,在所有页面都可以使用axios, 而不用在每个页面重复引入.