vue-admin去除mock
时间: 2023-10-21 08:25:16 浏览: 86
要去除vue-admin中的mock功能,你需要进行以下步骤:
1. 打开vue.config.js文件,并注释掉devServer下的before选项。具体操作是在before选项的前面加上双斜杠注释符(//),即将`// before: require('./mock/mock-server.js')`改为`// before: require('./mock/mock-server.js')`。
2. 打开/src/main.js文件,并注释掉使用MockJs的代码块。具体操作是在if语句的前面加上双斜杠注释符(//),即将
```javascript
// if (process.env.NODE_ENV === 'production') {
// const { mockXHR } = require('../mock')
// mockXHR()
// }
```
改为
```javascript
// if (process.env.NODE_ENV === 'production') {
// const { mockXHR } = require('../mock')
// mockXHR()
// }
```
3. 打开.env.development文件,并将VUE_APP_BASE_API的值修改为你的后台接口地址。具体操作是将`VUE_APP_BASE_API = 'http://localhost:12001'`改为你的后台接口地址,例如`VUE_APP_BASE_API = 'http://example.com/api'`。
4. 最后,重新启动项目即可。现在,你的vue-admin项目中的mock功能已经被去除了。
注意,以上步骤是为了去除vue-admin中的mock功能,如果你还有其他需求,请提供更多详细信息,我会尽力提供帮助。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [vue学习第一天(取消mock,连接服务端)](https://blog.csdn.net/qq_39580561/article/details/108797287)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *2* *3* [vue-element-admin 去掉mock数据,用后台接口登录](https://blog.csdn.net/weixin_45835850/article/details/116228701)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]
阅读全文