薰 风 2021-06-26 13:07 采纳率: 63.3%
浏览 264
已采纳

前端vue中一直报跨域,以下如何解决

1接口地址 http://film.glkjjt.com/api/Movie/New  这个地址直接放在浏览器中能运行

2在main.js中的代码

import Vue from "vue";

import App from "./App";

import router from "./router";

import axios from "axios";

Vue.prototype.$http = axios;

axios.defaults.baseURL = "http://film.glkjjt.com/api";

Vue.config.productionTip = false;

new Vue({

  el: "#app",

  router,

  components: { App },

  template: "<App/>"

});

3.在config中index.js中的代码

"use strict";

const path = require("path");

module.exports = {

  dev: {

    assetsSubDirectory: "static",

    assetsPublicPath: "/",

  // 在proxyTable中配置的跨域

    proxyTable: {

      "/api": {

        target: "http://film.glkjjt.com",

        changeOrigin: true,

        pathRewrite: {

          "^/api": ""

        }

      }

    },

    host: "localhost", 

    port: 8080, 

    autoOpenBrowser: false,

    errorOverlay: true,

    notifyOnErrors: true,

    poll: false,

    devtool: "cheap-module-eval-source-map",

    cssSourceMap: true

  },

  build: {

    index: path.resolve(__dirname, "../dist/index.html"),

    assetsRoot: path.resolve(__dirname, "../dist"),

    assetsSubDirectory: "static",

    assetsPublicPath: "/",

    productionSourceMap: true,

    devtool: "#source-map",

    productionGzip: false,

    productionGzipExtensions: ["js", "css"],

    bundleAnalyzerReport: process.env.npm_config_report

  }

};

4在components文件夹中HelloWorld.vue中的代码

template>

  <div class="hello">

    <h1>{{ msg }}</h1>

  </div>

</template>

<script>

export default {

  name: "HelloWorld",

  data() {

    return {

      msg: "Welcome to Your Vue.js App"

    };

  },

// 在生命周期里面发请求

  created() {

    this.$http

      .get("api/Movie/New")

      .then(response => {

        console.log(1);

        console.log(response);

      })

      .catch(error => {

        console.log(2);

        console.log(error);

      });

  }

};

</script>

// 接口文档中发这个get请求不需要参数

5 通过npm run dev运行

在浏览器中出现的报错信息

  • 写回答

2条回答 默认 最新

  • 永远不会太晚 2021-06-26 14:05
    关注

    把axios.defaults.baseURL = "http://film.glkjjt.com/api";删了,配置proxy代理不能设置axios.defaults.baseURL 

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

悬赏问题

  • ¥15 请分析一下这个电路设计的优点🙏
  • ¥15 求视频摘要youtube和ovp数据集
  • ¥15 怎么改成输入一个要删除的数后现实剩余的数再输入一个删除的数再现实剩余的数用yes表示继续no结束程序
  • ¥15 在启动roslaunch时出现如下问题
  • ¥15 汇编语言实现加减法计算器的功能
  • ¥20 关于多单片机模块化的一些问题
  • ¥30 seata使用出现报错,其他服务找不到seata
  • ¥35 引用csv数据文件(4列1800行),通过高斯-赛德尔法拟合曲线,在选取(每五十点取1点)数据,求该数据点的曲率中心。
  • ¥20 程序只发送0X01,串口助手显示不正确,配置看了没有问题115200-8-1-no,如何解决?
  • ¥15 Google speech command 数据集获取