[JavaScript知识库] Vue 报错信息

开发: C++知识库 Java知识库 JavaScript Python PHP知识库人工智能区块链大数据移动开发嵌入式开发工具数据结构与算法开发测试游戏开发网络协议系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑笔记本显卡显示器固态硬盘硬盘耳机手机 iphone vivo oppo 小米华为单反装机图拉丁

-> JavaScript知识库 -> Vue 报错信息 _ 整理版 -> 正文阅读

[JavaScript知识库]Vue 报错信息 _ 整理版

自己平常 Vue 项目中出现的一些小 Bug , 日常记录一下 :

get 请求报错 :

[Vue warn]: Error in v-on handler (Promise/async): "Error: Request failed with status code 404"

vue.config.js

// 此文件是 Vue 暴露给开发者来对 webpack 进行增量配置
// 此文件是给 NodeJs 运行 , 所以它使用 commonjs 规范
module.exports = {
  // 对于当前 Vue 项目服务器添加一个反向代理服务
  devServer: {
    // 配置代理  代理配置可以设置 n 多个
    proxy: {
      // 以什么样的请求 url 开始我才代理 此 url 一定是相对路径
      // 如果有 http / https ，则代理不生效
      '/api': {
        // 代理到的服务器是谁
        target: 'https://api.iynn.cn/film',
        // 修改 host 请求的域名为目标域名
        changeOrigin: true,
        // 请求 url 和目标 url 有一个对应关系
        // 请求 /api/login => 目标 /v1/api/login
        pathRewrite: { // 过滤 / 重写
          // '^xhl': ''
        }
      },

      'ajax': {
        target: 'https://m.maoyan.com',
        changeOrigin: true,
      }
    }
  }
}