vue-cli2和vue-cli3的區別
https://www.cnblogs.com/webdragon/p/11025921.html
網上很多vue-cli2和vue-cli3混合在一起的博文, 但大部分都沒寫是哪個版本的
vue-cli3的兩種創建方式: vue ui 和 vue create 專案名
vue-cli3相比vue-cli2少了很多配置. build、config這些組態檔不開放了，但可以在根目錄下創建一個 vue.config.js 檔案存放配置，https://cli.vuejs.org/zh/guide/webpack.html
process.env
process.env.NODE_ENV - 會是 “development”、“production” 或 “test” 中的一個，具體的值取決于應用運行的模式，
process.env.BASE_URL - 會和 vue.config.js 中的 publicPath 選項相符，即你的應用會部署到的基礎路徑，
vue技術堆疊
less
- npm i less less-loader -D
- vue檔案中
<style lang="less" rel="stylesheet/less" scoped>即可使用
element-ui
- npm i element-ui -S 或 vue add element
- 全部匯入 (不推薦):
在main.js下import ElementUI from 'element-ui'; import 'element-ui/lib/theme-chalk/index.css'; Vue.use(ElementUI); - 按需匯入 (推薦, 但按需匯入全部和全部匯入一樣):
在 vue檔案的script頂部import Vue from 'vue' import { Button, Select } from 'element-ui' Vue.use(Button) Vue.use(Select) /* 或寫為 Vue.component(Button.name,Button) Vue.component(Select.name,Select)
axios
- npm i axios -S
- 在main.js下
import axios from 'axios' Vue.prototype.$http = axios
axios & vue-axios
- npm i axios vue-axios -S
- 在main.js下
import vueAxios from 'vue-axios' import axios from 'axios' Vue.use(vueAxios,axios) // 基礎請求路徑，非生產環境 && 開啟代理, 介面前綴統一使用[/api]前綴做代理攔截! axios.defaults.baseURL = process.env.NODE_ENV !== 'production' ? process.env.VUE_APP_BASE_API : process.env.VUE_APP_SERVER_URL; // 超時時間 axios.defaults.timeout = 100000 // 跨域請求，允許保存cookie axios.defaults.withCredentials = true // axios.defaults.headers = {'Content-Type': 'application/json; charset=utf-8'} axios.defaults.headers['Content-Type'] = 'application/x-www-form-urlencoded; charset=utf-8'
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/228067.html
標籤：其他
上一篇：求助 Mac終端無法使用