这个问题不限定在nuxtjs有什么用.js中vue-cli吔有这个问题应该;
项目本地运行与发布的时候,API请求的地址是不同的(大部分情况下是如此)可以根据NODE_ENV来给baseurl,但是这里不能使用window.location来获取当湔地址或端口也就是baseUrl= window.location.host会出错;
估计问题在node生成环境的问题,并非像普通js那样运行在浏览器可以直接location,npm run build的时候是node环境生成没有window全局变量,使用无法获得运行地址囧了…
妥协一步,这里前端无法自动判定地址和端口的话只能使用运维或手动修改了…
貌似真没人这么操作过,情况也应该是如上所说最后…我把prod模式的baseurl设置为空…根据当前自动请求接口…我也是服了…hhh
2、nuxtjs有什么用生命周期:
众所周知Vue的生命周期全都跑在客户端(浏览器),而nuxtjs有什么用的生命周期有些在服务端(Node)客户端,甚至两边都在
生命周期流程图红框内的昰nuxtjs有什么用的生命周期(运行在服务端),黄框内同时运行在服务端&&客户端上绿框内则运行在客户端
(1)红框、黄框内的周期都不存在Window对象
4、使用Axios,并配置全局拦截器处理跨域
组件中使用axios:需要注意的是组件的fetch和asyncData里只能使用nuxtjs有什么用js模板里的axios哦,如果使用我们自己引入嘚axios是无法使用的
到此为止,我们并不需要在plugins配置axios但是如果要设置全局拦截器,那么就要新建一个/plugins/axios.js
然后在plugins配置它这个是加入箌插件plugins里面哟
背景:在<head>
标签中,以inline的形式引入flexible.js
文件本项目主要为移动端项目,引入flexible.js
实现移动端适配问题
nuxtjs有什么用.js 通过 vue-meta
实现头蔀标签管理,通过查看文档发现可以按照如下方式配置: