- 博客(6)
- 收藏
- 关注
RSS订阅原创 vue打包部署到服务器，动态获取(修改)对应服务器的请求ip
按照上述的步骤实现动态获取后，当token过期后，会触发一个重新登录的操作，当用户点击重新登录后，跳转登录页面，这时window.VITE_BASE_URL就获取不到了(判断时路径重定向后，清除了写入window的对象)，会导致请求接口地址错误。vue打包后的文件要部署到不同的服务器上，ip不同，每次部署都要修改对应服务器的ip后打包上线，所以会出现频繁打包的情况。2.在输入网址后就获取到网址栏的IP，还是在public文件夹里面添加一个js文件，index.html引入该文件。3.同思路1-第四步。
2023-08-24 11:43:05
3985
1
原创 解决vue打包后动态组件component加载字符串模板失效问题
vue有runtime-compiler和runtime-only两种编译模式，默认为runtime-only，这种模式下的代码轻便，但是不能使用template参数，如果使用vue-cli进行项目搭建，可以在vue.config.js里面配置属性runtimeCompiler: true。今天在部署vue项目的时候，发现动态模板加载的图片无法显示。1.首先这个问题和创建vue项目的时候选择编译模式有关。经过一顿查疑解惑，终于找到了问题所在。以下是我代码里面失效部分。然后重新打包发布就可以了。
2023-07-10 14:50:25
1072
1
原创 We‘re sorry but xxxx doesn‘t work properly without JavaScript enabled。
今天在一个vue项目中请求一个接口返回数据时在浏览器中突然报了这样一个信息，导致拿不到请求的数据。后端修改方式：mode还是history，后端配置nginx，设置映射关系。前端修改方式：将mode类型由history改成hash；publicpath需要绝对路径’/’2、publicpath路径问题。但是以上的没有解决我的问题；3、本地开发，服务代理信息。1）检查代理信息是否有误。搜索资料得到了解决方法。2）是否写有多个代理。
2023-05-16 14:19:22
1731
1
原创 关于promise和async await
在回调函数中继续使用回调，一个异步操作的入参往往是上一个异步的结果；这样会依赖上一个异步操作的结果去执行下一个异步操作典型的就是setTimeout嵌套/*promise.then/catch() 都会返回一个promise对象：result如果then/catch 方法直接返回一个值，这个值就是下一个then方法的成功回调的实参如果then/catch方法返回一个promise对象，下面的then就是promise对象的处理结果。
2023-04-28 14:43:47
123
1
原创 set 和 map 类型
map/entries()键值对数组[[key,vakue],…必须通过自身的方法添加，map.set属性存到entries里面。map 原生构造函数-可以创建任意类型作为属性名的集合。map和set本身是一个对象类型，可以添加自身属性。map.values获取所有键值 -可迭代对象。map.set(key,value)添加属性。map.keys获取所有键名 -可迭代对象。set是创建一个不重复集合 – 伪数组。
2023-04-28 14:24:06
79
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人