vue打包后axios失败,vue打包后调用不到接口数据

vue打包后axios失败,vue打包后调用不到接口数据

˙△˙ 一般来说，api接口不会和H5部署在同一个站点，所以打包后的ajax请求需要带上api域名。 因此，在使用axios时，应该考虑不同的环境并使用不同的配置。 使用不同配置的配置方法有很多很多时候，我们可能无法从API中获取我们想要的数据。 这可能是由多种因素造成的。例如，axios调用可能会因多种原因而失败，包括但不限于：API不起作用；请求发送不正确；API未单击

∩▂∩ 并根据当前域名配置axios的baseURL。③配置好axios后，每次执行pmrunbuild命令时，都会根据当前不同的环境选择不同的域名地址。 这样就可以在不同的环境和vue-cli中只打包一次，打包前修改两个路径。OneistoaddthepublicPathconfigurationundervue.config.jsmodule.exports={//打包前修改StaticfilepathpublicPath:'/directoryname',//Nginx下的htmltext

vue解决webpack打包后请求接口404的问题returnaxios({url:'api/getData',method:'get'})}123456//home.vuemounted(){getData().then(res=>{console.log(res);})},typebefore打包

ゃōゃ "web：serve"："vue-cli-serviceserve--open"，"web：build"："vue-cli-servicebuild"，"电子：build"："vue-cli-service电子：build"，"电子： serve":"vue-cli-serviceElectron:系列基于HTML构建的网页结构，通过CSS选择器准确选择标签，并使用外观和盒模型相关属性测试来完成网页的全部内容。

打包工具：webpack4，集成在vue-cli3中，通过修改vue.config.js进行配置节点框架：koa2服务端渲染介绍，即使用"同构"策略将前端代码部分在服务端渲染，以减少浏览器对页面的渲染，vite打包使用rollup。此时引入axiosis后，之前的vue-cli方法就无法使用了，然后打包会报错。解决办法：importaxiosfrom'axios' ;改成>>导入Axios