总结
我在成长过程中也是一路摸爬滚打,没有任何人的指点,所以走的很艰难。例如在大三的时候,如果有个学长可以阶段性的指点一二,如果有已经工作的师兄可以告诉我工作上需要什么,我应该前面的三年可以缩短一半;后来去面试bat,失败了有5、6次,每次也不知道具体是什么原因,都是靠面试回忆去猜测可能是哪方面的问题,回来学习和完善,当你真正去招人的时候,你就会知道面试记录是多么重要,面试官可以从面试记录里看到你的成长,总是去面试,总是没有成长,就会被定义为缺乏潜力。
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
在项目开发过程中,一般都是在同一域名下进行接口联调,且不存在跨域,但是当我们在使用vue-cli
进行项目打包的时候,在本地启动服务器后,比如本地开发服务下是 http://localhost:8080
这样的访问页面,但是我们的接口地址是 http://xxxx.com/save/index
,这样直接使用会存在跨域的请求,导致接口请求不成功,因此需要在打包的时候进行代理配置。
二、文件配置
进入 config/index.js
进行如下配置即可:
dev: {
// 静态资源文件夹
assetsSubDirectory: 'static',
// 发布路径
assetsPublicPath: '/',
// 代理配置表,在这里可以配置特定的请求代理到对应的API接口
// 例如将'localhost:8080/api/xxx'代理到'www.example.com/api/xxx'
// 使用方法:https://vuejs-templates.github.io/webpack/proxy.html
proxyTable: {
'/api': {
target: 'http://xxxxxx.com', // 接口的域名
// secure: false, // 如果是https接口,需要配置这个参数
changeOrigin: true, // 如果接口跨域,需要进行这个参数配置
pathRewrite: {
'^/api': ''
}
}
},
// 本地访问 http://localhost:8080
host: 'localhost', // can be overwritten by process.env.HOST
接口地址原本是 /save/index
,但是为了匹配代理地址,在前面加一个 /api
, 因此接口地址需要写成这样的即可生效 /api/save/index
。
注意: ‘/api
’ 为匹配项,target
为被请求的地址,因为在 ajax
的 url
中加了前缀 ‘/api
’,而原本的接口是没有这个前缀的,所以需要通过 pathRewrite
来重写地址,将前缀 ‘/api
’ 转为 ‘/
’。如果本身的接口地址就有 ‘/api
’ 这种通用前缀,就可以把 pathRewrite
删掉。
总结
我在成长过程中也是一路摸爬滚打,没有任何人的指点,所以走的很艰难。例如在大三的时候,如果有个学长可以阶段性的指点一二,如果有已经工作的师兄可以告诉我工作上需要什么,我应该前面的三年可以缩短一半;后来去面试bat,失败了有5、6次,每次也不知道具体是什么原因,都是靠面试回忆去猜测可能是哪方面的问题,回来学习和完善,当你真正去招人的时候,你就会知道面试记录是多么重要,面试官可以从面试记录里看到你的成长,总是去面试,总是没有成长,就会被定义为缺乏潜力。
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
Et9-1715841364180)]
[外链图片转存中…(img-3zaeho20-1715841364180)]