vue cli 3 axios配置及び国境を越えたアクセス問題解決方法
3570 ワード
vuecli 3のプロジェクトでaxios依存を設定します。
mail.js
vuecli 3で作成された足場プロジェクトの多くはconfigとbuildディレクトリを含まないため、ルートディレクトリ(package.jsonと同じレベル)でvue.co.fig.jsファイル構成devserver.proxyエージェントを自ら作成する必要があります。
mail.js
import Vue from 'vue'
import App from './App.vue'
import router from './router'
// axios
import axios from 'axios'
//
axios.defaults.baseURL = 'http://localhost:8088/api'
// ,$http axios
Vue.prototype.$http = axios
new Vue({
router,
el: '#app',
render: h => h(App)
}).$mount('#app')
vuecli 3において、国境を越えた訪問問題の解決方法vuecli 3で作成された足場プロジェクトの多くはconfigとbuildディレクトリを含まないため、ルートディレクトリ(package.jsonと同じレベル)でvue.co.fig.jsファイル構成devserver.proxyエージェントを自ら作成する必要があります。
module.exports = {
devServer: {
//
proxy: {
'/api': {// http://localhost:XXXX/api , , 。 :'/ '( )
target: 'http://127.0.0.1:8088', //
ws: true, // websockets
changeOrigin: true// : , , ,
}
}
}
}