Nuxt.js中配置生產環境和開發環境API
首先在 nuxt.config.js 中配置 env 如下程式碼:
export default {
...
env: {
baseUrl: process.env.BASE_URL || 'http://xxx.xxx.xx.xx:xxxx'
}
}
然後在 plugins 目錄下建立 axios.js 檔案,並寫下如下程式碼
import axios from 'axios'
export default axios.create({
baseURL: process.env.baseUrl
})
在需要使用 axios 請求資料的 vue檔案 中這樣使用
import axios from '~/plugins/axios'
axios.get('/xxx/xxx',{
params:{
...
}
}).then(res => {}).catch(err => console.log(err))
相關文章
- Webpack(開發、生產環境配置)Web
- ionic app 開發和生產環境的配置APP
- Webpack4 學習筆記八 開發環境和生產環境配置Web筆記開發環境
- webpack4生產環境和開發環境的對比Web開發環境
- 03:2020-11-14 vue不同的api地址生產環境和開發環境配置打包VueAPI開發環境
- 用 Spring 區分開發環境、測試環境、生產環境Spring開發環境
- 配置開發環境、生成環境、測試環境開發環境
- 基於Gulp小程式開發工作流,區分開發環境和生產環境開發環境
- emacs開發環境配置(4)——rust開發環境Mac開發環境Rust
- 重構之路:webpack區分生產環境和開發環境Web開發環境
- 開發環境配置開發環境
- mirrord:輕鬆地將流量從生產環境映象到開發環境開發環境
- Yarn 生產環境多佇列配置Yarn佇列
- webpack4-06-開發、生產環境、動態CDN配置Web
- 面試-JS Web API-Webpack生產環境面試JSWebAPI
- react 配置開發環境React開發環境
- js開發環境配置JS開發環境
- Java開發環境配置Java開發環境
- weex開發環境配置開發環境
- Arduino開發環境配置UI開發環境
- Ubuntu開發環境配置Ubuntu開發環境
- redmine生產環境搭建
- Django生產環境搭建Django
- 專案開發中,如何使用eolinker進行環境管理:開發、測試和生產環境
- Laravel記錄執行的SQL到日誌(開發環境和生產環境都用得上)LaravelSQL開發環境
- 使用 Docker 開發 PHP 專案(五):生產環境DockerPHP
- Docker配置PHP開發環境DockerPHP開發環境
- MacOS 配置 Flutter 開發環境MacFlutter開發環境
- MacOS PHP 開發環境配置MacPHP開發環境
- (二) electron 開發環境配置開發環境
- Mac 基本開發環境配置Mac開發環境
- Webpack 配置 React 開發環境WebReact開發環境
- 配置Groovy開發環境(Windows)開發環境Windows
- Libgdx開發環境配置開發環境
- Nuxt.js 環境變數配置與使用UXJS變數
- JDK1.8 JVM生產環境引數配置JDKJVM
- Elasticsearch叢集搭建教程及生產環境配置Elasticsearch
- 使用 Webpack 進行生產環境配置(附 Demo)Web