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