*** 次数：51505 已用完，请联系开发者*** [bbs是什么]Vue跨域Access to XMLHttpRequest at 'http://192.168.1.2:9090/api/bbs/bbs/art/' from origin 'http://l...

跨域提示信息

什么是跨域

#协议跨域http://a.baidu.com 访问 https://a.baidu.com；#端口跨域http://a.baidu.com:8080 访问  http://a.baidu.com:80；#域名跨域http://a.baidu.com  访问  http://b.baidu.com；

解决跨域方法

module.exports = {    dev: {        // Paths        assetsSubDirectory: 'static',        assetsPublicPath: '/',        proxyTable: {            '/api': {                target: 'http://192.168.1.2:9090', //后端接口地址                changeOrigin: true,  //是否允许跨越                pathRewrite: {                    '^/api': '/api',        //重写,                }            }        }, host: 'localhost',   //本地ip port: 8083,            ...

/*入口JS*/import Vue from 'vue'import App from './App.vue'import router from './router'import axios from 'axios'Vue.prototype.$axios = axiosaxios.defaults.baseURL = '/api'        //关键代码Vue.config.productionTip = falsenew Vue({  router,  render: h => h(App)}).$mount('#app')

3.组件中axios请求数据使用：

<template> </template><script>    import Footer from './components/Footer/Footer.vue'    export default {        created() {            const url = '/api/bbs/bbs/art'            this.$axios.get(url).then(res => {                console.log(res)            })        },    }</script>

4.重新启动项目之后，已经解决了跨域问题