在vue调用的资源路径中以下路径的project怎么去除:http://localhost/project/luban-motor-sdk/Assets/Textures/worldTerrain/layer.json
时间: 2023-08-24 12:07:48 浏览: 126
在Vue中,可以通过配置`vue.config.js`文件来设置webpack的publicPath属性,从而去除资源路径中的project。
1. 在项目根目录下创建`vue.config.js`文件
2. 在`vue.config.js`文件中添加如下代码:
```
module.exports = {
publicPath: './',
}
```
`publicPath`是webpack打包后的资源路径前缀,默认是`/`。将其设置为`'./'`即可去除路径中的project。
3. 如果还有其他资源路径需要去除project,可以在组件中使用`$route.path`获取当前路由路径,然后使用JavaScript的字符串操作方法去除`project`部分,例如:
```
<template>
<div>
<img :src="getImagePath('./Assets/Textures/worldTerrain/layer.json')" />
</div>
</template>
<script>
export default {
methods: {
getImagePath(path) {
const routePath = this.$route.path
const index = routePath.indexOf('project')
if (index !== -1) {
routePath = routePath.substring(0, index)
}
return `${routePath}${path}`
},
},
}
</script>
```
这样,就能够在Vue中去除资源路径中的project了。
阅读全文