read
Showing
1 changed file
with
26 additions
and
25 deletions
| ... | @@ -7,7 +7,7 @@ | ... | @@ -7,7 +7,7 @@ |
| 7 | [查看 demo](https://solui.cn/vue-h5-template/#/) 建议手机端查看 | 7 | [查看 demo](https://solui.cn/vue-h5-template/#/) 建议手机端查看 |
| 8 | 8 | ||
| 9 | <p> | 9 | <p> |
| 10 | <img src="./static/demo.png" width="300" style="display:inline;"> | 10 | <img src="./static/demo.png" width="320" style="display:inline;"> |
| 11 | </p> | 11 | </p> |
| 12 | 12 | ||
| 13 | ### Node 版本要求 | 13 | ### Node 版本要求 |
| ... | @@ -38,11 +38,11 @@ npm run serve | ... | @@ -38,11 +38,11 @@ npm run serve |
| 38 | - [√ VantUI 组件按需加载](#vant) | 38 | - [√ VantUI 组件按需加载](#vant) |
| 39 | - [√ Sass 全局样式](#sass) | 39 | - [√ Sass 全局样式](#sass) |
| 40 | - [√ Vuex 状态管理](#vuex) | 40 | - [√ Vuex 状态管理](#vuex) |
| 41 | - [√ Axios 封装及接口管理](#axios) | ||
| 42 | - [√ Vue-router](#router) | 41 | - [√ Vue-router](#router) |
| 42 | - [√ Axios 封装及接口管理](#axios) | ||
| 43 | - [√ Webpack 4 vue.config.js 基础配置](#base) | 43 | - [√ Webpack 4 vue.config.js 基础配置](#base) |
| 44 | - [√ 配置 proxy 跨域](#proxy) | ||
| 45 | - [√ 配置 alias 别名](#alias) | 44 | - [√ 配置 alias 别名](#alias) |
| 45 | - [√ 配置 proxy 跨域](#proxy) | ||
| 46 | - [√ 配置 打包分析](#bundle) | 46 | - [√ 配置 打包分析](#bundle) |
| 47 | - [√ 配置 externals 引入 cdn 资源 ](#externals) | 47 | - [√ 配置 externals 引入 cdn 资源 ](#externals) |
| 48 | - [√ 去掉 console.log ](#console) | 48 | - [√ 去掉 console.log ](#console) |
| ... | @@ -510,7 +510,7 @@ export default service | ... | @@ -510,7 +510,7 @@ export default service |
| 510 | - `url` 接口地址,请求的时候会拼接上 `config` 下的 `baseApi` | 510 | - `url` 接口地址,请求的时候会拼接上 `config` 下的 `baseApi` |
| 511 | - `method` 请求方法 | 511 | - `method` 请求方法 |
| 512 | - `data` 请求参数 `qs.stringify(params)` 是对数据系列化操作 | 512 | - `data` 请求参数 `qs.stringify(params)` 是对数据系列化操作 |
| 513 | - `hideloading` 默认 `false`,设置为 `true` 后,不显示 loading ui 交互中有些接口不需要样用户感知 | 513 | - `hideloading` 默认 `false`,设置为 `true` 后,不显示 loading ui 交互中有些接口不需要让用户感知 |
| 514 | 514 | ||
| 515 | ```javascript | 515 | ```javascript |
| 516 | import qs from 'qs' | 516 | import qs from 'qs' |
| ... | @@ -582,6 +582,28 @@ module.exports = { | ... | @@ -582,6 +582,28 @@ module.exports = { |
| 582 | 582 | ||
| 583 | [▲ 回顶部](#top) | 583 | [▲ 回顶部](#top) |
| 584 | 584 | ||
| 585 | ### <span id="alias">✅ 配置 alias 别名 </span> | ||
| 586 | |||
| 587 | ```javascript | ||
| 588 | const path = require('path') | ||
| 589 | const resolve = dir => path.join(__dirname, dir) | ||
| 590 | const IS_PROD = ['production', 'prod'].includes(process.env.NODE_ENV) | ||
| 591 | |||
| 592 | module.exports = { | ||
| 593 | chainWebpack: config => { | ||
| 594 | // 添加别名 | ||
| 595 | config.resolve.alias | ||
| 596 | .set('@', resolve('src')) | ||
| 597 | .set('assets', resolve('src/assets')) | ||
| 598 | .set('api', resolve('src/api')) | ||
| 599 | .set('views', resolve('src/views')) | ||
| 600 | .set('components', resolve('src/components')) | ||
| 601 | } | ||
| 602 | } | ||
| 603 | ``` | ||
| 604 | |||
| 605 | [▲ 回顶部](#top) | ||
| 606 | |||
| 585 | ### <span id="proxy">✅ 配置 proxy 跨域 </span> | 607 | ### <span id="proxy">✅ 配置 proxy 跨域 </span> |
| 586 | 608 | ||
| 587 | 如果你的项目需要跨域设置,你需要打来 `vue.config.js` `proxy` 注释 并且配置相应参数 | 609 | 如果你的项目需要跨域设置,你需要打来 `vue.config.js` `proxy` 注释 并且配置相应参数 |
| ... | @@ -621,27 +643,6 @@ export function getUserInfo(params) { | ... | @@ -621,27 +643,6 @@ export function getUserInfo(params) { |
| 621 | 643 | ||
| 622 | [▲ 回顶部](#top) | 644 | [▲ 回顶部](#top) |
| 623 | 645 | ||
| 624 | ### <span id="alias">✅ 配置 alias 别名 </span> | ||
| 625 | |||
| 626 | ```javascript | ||
| 627 | const path = require('path') | ||
| 628 | const resolve = dir => path.join(__dirname, dir) | ||
| 629 | const IS_PROD = ['production', 'prod'].includes(process.env.NODE_ENV) | ||
| 630 | |||
| 631 | module.exports = { | ||
| 632 | chainWebpack: config => { | ||
| 633 | // 添加别名 | ||
| 634 | config.resolve.alias | ||
| 635 | .set('@', resolve('src')) | ||
| 636 | .set('assets', resolve('src/assets')) | ||
| 637 | .set('api', resolve('src/api')) | ||
| 638 | .set('views', resolve('src/views')) | ||
| 639 | .set('components', resolve('src/components')) | ||
| 640 | } | ||
| 641 | } | ||
| 642 | ``` | ||
| 643 | |||
| 644 | [▲ 回顶部](#top) | ||
| 645 | 646 | ||
| 646 | ### <span id="bundle">✅ 配置 打包分析 </span> | 647 | ### <span id="bundle">✅ 配置 打包分析 </span> |
| 647 | 648 | ... | ... |
-
Please register or sign in to post a comment