前端使用 vue 开发的话如果用变量拼接引用的 js 文件名或css 文件名？

Question

现在在使用 vue 进行前端部分的开发，现在有一个需求就是 ajax 从后台取得一个信息，比如说 fileName:'test1.css', 如果是 jsp 的套路的话，可以在页面里面用参数把这个文件的路径拼接出来，然后就能引入加载这个文件了，但是在 vue 中这种需求怎么实现呢？我想了半天没什么头绪。 求各位大哥给一些思路，小弟这里先谢过 ?

Answer 1

跟vue没什么关系，找个地方把你路径的公用前缀存起来就行了。
1.没用vue-cli的话
window.localStorage.setItem('COMMON_PATH', '//www.xxx.xxx/xxx')
或者在一个公用的js里直接声明一个变量

2.用了vue-cli的话
起一个constant.js文件

const constant = {
   'COMMON_PATH': '//www.xxx.xxx/xxx'
}
export default constant

然后在哪用在哪import

Answer 2

let cssName = '123'
require(`./styles/${cssName}.less`)

放在js文件里, 需要的时候执行一下