vue-cli下跨域 問題的解決方法
目的:使用vue-cli構建的專案,在開發時,想要訪問後臺介面獲取資料, 這時就會出現跨域問題。
在config/index.js中進行如下配置
proxyTable: {
‘/api’: {
target: ‘https://188.188.18.8‘,
changeOrigin: true,
pathRewrite: {
‘^/api’: ”
}
}
}
vue-resource呼叫示例
this.$http.get('/api/v4/user/login', [options]).then(function(response){
// 響應成功回撥
}, function(response){
// 響應錯誤回撥
});
axios呼叫示例
axios({
method: 'get',
headers: {'Accept': '*/*'},
url: '/api/v4/user/login',
data: options
})
.then(function (response) {
console.log(response.data)
})
.catch(function (error) {
console.log(error)
})
相關文章
- 解決ajax跨域問題的多種方法跨域
- 解決跨域問題跨域
- 搞懂:前端跨域問題JS解決跨域問題VUE代理解決跨域問題原理前端跨域JSVue
- CROS 解決跨域問題ROS跨域
- cors解決跨域問題CORS跨域
- WebSocket跨域問題解決Web跨域
- Flask解決跨域問題Flask跨域
- Luffy - 解決跨域問題跨域
- 跨域問題,解決之道跨域
- Java解決跨域問題Java跨域
- Nuxt使用axios跨域問題解決方法UXiOS跨域
- 解決JS跨域訪問的問題JS跨域
- Nginx解決前端跨域問題 CORS跨域配置Nginx前端跨域CORS
- 深入跨域問題(2) - 利用 CORS 解決跨域跨域CORS
- Nginx跨域的問題解決方案Nginx跨域
- 輕鬆解決跨域問題跨域
- 跨域問題及解決方案跨域
- JAVA | Java 解決跨域問題Java跨域
- 跨域問題解決辦法跨域
- PHPAjax跨域問題解決方案PHP跨域
- thinkphp 5 跨域問題解決PHP跨域
- SignalR跨域問題解決SignalR跨域
- 深入跨域問題(3) – 利用 JSONP 解決跨域跨域JSON
- 深入跨域問題(3) - 利用 JSONP 解決跨域跨域JSON
- 使用Nginx來解決跨域的問題Nginx跨域
- Flutter Web 跨域問題解決方案FlutterWeb跨域
- 跨域問題,解決方案 – CORS方案跨域CORS
- Django專案解決跨域問題Django跨域
- vue webpack配置解決跨域問題VueWeb跨域
- nginx 解決圖片跨域問題Nginx跨域
- 解決常見介面跨域問題跨域
- 前端解決跨域問題總結前端跨域
- 跨域問題,解決方案 - CORS方案跨域CORS
- 前端跨域問題及其解決方案前端跨域
- php、apache、nginx解決跨域問題PHPApacheNginx跨域
- nginx /Java 解決跨域問題方案NginxJava跨域
- 前端怎麼解決跨域問題前端跨域
- Angular應用解決跨域訪問的問題Angular跨域