我的遇到的面试问题

最新推荐文章于 2025-02-27 21:35:57 发布

Henry old

最新推荐文章于 2025-02-27 21:35:57 发布

阅读量271

点赞数

分类专栏：笔记文章标签： vue.js

本文链接：https://blog.youkuaiyun.com/cjj88195/article/details/120886412

版权

本文整理了前端面试中常见的问题，包括Vue组件通信、跨域解决方案、深浅拷贝、事件冒泡与捕获、防抖节流、数据可视化等，并提供了详细解答，如Vue的v-if/v-show、vue生命周期、git操作等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

面试题整理

Vue、JavaScript、HTML、CSS、git

一、如何解决跨域问题？生产环境下跨域问题如何解决？

开发环境

在vue项目的根目录下创建一个vue.config.js文件，然后导出

devServer: {
    
		host:'0.0.0.0', 
		port: 8080,//端口号 
		open: true,//运行项目自启 
		proxy:{
    
		'/api':{
    
		target:'http://localhost:3000/',//跨域请求资源地址 
		ws:false,//是否启用websockets 
		changeOrigin:true,//开启代理：在本地会创建一个虚拟服务端，然后发送请求的 数据，并同时接收请求的数据，这样服务端和服务端进行数据的交互就不会有跨域问题 
		pathRewrite:{
    '^/api':''//注册全局路径 
		} }}}

生产环境

使用nginx代理，在配置文件nginx.conf中找到server{}对象，更改项目地址root和配置代理地址proxy_pass，从而达到线上跨域

//解决跨域 
location /api {
    
# 自定义nginx接口前缀 
proxy_pass http://127.0.0.1:

最低0.47元/天解锁文章