关于Vue-cli引入外部js资源文件失败的一点思路

JavaScript017

关于Vue-cli引入外部js资源文件失败的一点思路,第1张

首先申明我是window系统下Vue-cli 4.5.3版本,脚手架整体基于vue2内核。

1.正常js文件如果有使用export向外暴露对象,将js放在src/assets都是可以通过import直接引入。但有有些情况下我们需要导入第三方的js文件,例如近期我在做的阿里云点播视频上传SDK,包括最近在学习的ThreeJs,如果单单只是在public中index.html通过<script src="https://cdn.bootcss.com/three.js/92/three.js"></script>引入,是不够的还需要在具体vue页面引入:

这也是我尝试两天才成功,走了些弯路,希望帮助到有同样问题的打工人,共勉!

1.找到你所需的页面,F12打开控制台,可以在source 下面找到加载的文件。 2.如果不行的话,点开network,会有该页面的加载的一系列的资源文件。找到js文件或者HTML文件打开。然后,点开查看 ,文件中的信息。进行确能是否是自己要找到的页面。 3.一般前两中方法就可以找到页面加载的文件。如果,你还没找到,还可以,在页面上找到关键的信息,在自己项目使用全局搜索。然后逐一排查出结果。找到到,可以修改一下信息,进行验证是否找对。比如:修改标签名。

springboot项目,想通过url后缀区分不同的项目服务

比如,localhost/login1 和 localhost/login2 进入的是不同的项目服务

这里是通过nginx拦截url对不同url后缀进行不同的端口转发

上图配置后,api访问没问题,但是资源文件无法访问

这是因为资源文件也被重定向到localhost/xiao/css/jq.js(正确的应该是localhost/css/jq.js)

这个时候就需要对项目下的资源文件进行过滤并重定向了,完整配置如下