如何告诉Vue应用程序它将位于子文件夹中并相应地替换图像路径？

wwwo4jvm 于 2023-10-23 发布在 Vue.js

关注(0)|答案(1)|浏览(124)

我的vue应用程序位于一个子文件夹中，可以通过这样的URL访问：
domain.com/myapp/
在我的组件模板中，我添加了do：

<img :src= "base_path + '/img/undraw_profile.svg'">

其中，base_path包含在导入的文件中。
有更好的办法吗？在一个配置文件或什么？
所以当应用程序是由vite构建的时候，模板中的所有URL都从“img/a.jpg”转换为“/myapp/img/a.jpg”？
我知道有些人使用vue-process变量，但我使用vue 3。
谢谢

vue.js

来源：https://stackoverflow.com/questions/77162901/how-to-tell-a-vue-app-that-it-will-be-located-in-a-sub-folder-and-get-image-path

1条答案

按热度按时间

os8fio9y1#

如果你正在使用vite，请查看vite.config.js中的base属性：https://vite-plugin-ssr.com/base-url

// vite.config.js
export default {
  base: '/some-base/'
}

有关资产，请访问https://vite-plugin-ssr.com/base-url#baseassets

// vite.config.js
import { ssr } from 'vite-plugin-ssr/plugin'
export default {
  plugins: [
    ssr({
      baseAssets: 'https://cdn.example.org/my-website-assets/'
    })
  ]
}

对于Vue CLI，看看publicPath：https://cli.vuejs.org/config/#publicpath
给予一次机会。

展开查看全部

赞(0）回复(0）举报 2023-10-23

我来回答

如何告诉Vue应用程序它将位于子文件夹中并相应地替换图像路径？

1条答案

相关问题

热门标签

最新问答