其实前端开发的知识点就那么多，面试问来问去还是那么点东西。所以面试没有其他的诀窍，只看你对这些知识点准备的充分程度。so，出去面试时先看看自己复习到了哪个阶段就好。

这里再分享一个复习的路线：（以下体系的复习资料是我从各路大佬收集整理好的）

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

《前端开发四大模块核心知识笔记》

最后，说个题外话，我在一线互联网企业工作十余年里，指导过不少同行后辈。帮助很多人得到了学习和成长。

我意识到有很多经验和知识值得分享给大家，也可以通过我们的能力和经验解答大家在IT学习中的很多困惑，所以在工作繁忙的情况下还是坚持各种整理和分享。

const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  devServer: {
    proxy: 'http://localhost:5000'
  }
})

表示访问代理服务器，代理服务器就会帮你访问：http://localhost:5000

这样，就相当于配置了一个代理服务器，它和我们的项目具有相同的端口，我们访问它，就不存在跨域问题！

现在，我们访问代理服务器（端口为8080），而不是直接访问5000端口的服务器

---

总结一下，就是：

方法二：

方式二的扩展性更好，原理和方法一是一样的！

新建vue.config.js配置文件（和 package.json放在同级目录下），配置如下内容：(含义在本文后面的总结里面有)

const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  devServer: {
    proxy: {
      '/api': {
        target: 'http://localhost:5000',
        pathRewrite:{'^/api':''},//路径改写
      },
    }
  }
})

再修改一下路径：

使用方法二最终的文件：

• vue.config.js

const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  devServer: {
    proxy: {
      '/api': {
        target: 'http://localhost:5000',
        pathRewrite:{'^/api':''},//路径改写
      },
    }
  }
})

• main.js

import Vue from 'vue';
import App from './App.vue';

new Vue({
    el: '#app',
    render: (h) => h(App),
});

• App.vue

<template>
    <button @click="getStudentInfo">获取学生信息</button>
</template>

<script>
import axios from "axios"
export default {
 methods: {
 getStudentInfo() {
 axios.get('http://localhost:8080/api/student/1')
 .then(function (response) {
 // handle success
 console.log(response);
 })
 .catch(function (error) {
 // handle error
 console.log(error);
 })
 .then(function () {
 // always executed
 });
 }
 }
}
</script>

---

ajax

1)ajax请求的原理/ 手写一个ajax请求？
2)readyState？
3)ajax异步与同步的区别？
4)ajax传递中文用什么方法？

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

片转存中…(img-xSyZdlPe-1714923725515)]

[外链图片转存中…(img-6qJEWEOg-1714923725516)]

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】