本文介绍了Vue项目的环境变量配置，如.env文件设置，并详细展示了package.json中的脚本配置。讲解了通过CDN引入库，vue.config.js的配置，包括publicPath和不生成sourceMap。此外，还涉及到路由组件、Element-UI的导入、图标库、Vue属性拓展以及使用crypto-js进行Base64编码。同时，文章还分享了http请求和WebSocket通信的实现与优化。
环境变量设置
.env
VUE_APP_ID = "cf7f8802793b0b38d1c9161ef8a2ffa1"
VUE_APP_TITLE = "运维管理系统"
.env.development
NODE_ENV = "development"
VUE_APP_API_URL = "http://127.0.0.1:13001"
.env.testing
NODE_ENV = "testing"
VUE_APP_API_URL = "http://127.0.0.1:13002"
.env.production
NODE_ENV = "production"
VUE_APP_API_URL = "http://127.0.0.1:13003"
package.json
{
"scripts": {
"serve": "vue-cli-service serve",
"build": "vue-cli-service build",
"build-dev": "vue-cli-service build --mode dev",
"build-tst": "vue-cli-service build --mode tst",
"build-prod": "vue-cli-service build --mode prod",
"lint": "vue-cli-service lint"
},
}
编译
npm run build
npm run build-dev
npm run build-tst
npm run build-prod
使用 CDN
index.html
vue.config.js
module.exports = {
publicPath: "./",
productionSourceMap: false,
configureWebpack: {
externals: {
vue: "Vue",
vuex: "Vuex",
axios: "axios",
moment: "moment",
"vue-router": "VueRouter",
"crypto-js": "CryptoJS",
"js-cookie": "Cookies",
"element-ui": "ELEMENT"
最低0.47元/天 解锁文章
1754
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
