Laravel vue SFC中映像src的最佳实践是什么？
我正在使用Laravel 5.8和Vue 2.6，并尝试在我的单文件组件中使用图像文件的相对路径。我已经回顾了本报告中的建议 但却无法让它发挥作用 尝试时：Laravel vue SFC中映像src的最佳实践是什么？,laravel,vue.js,webpack,vue-component,Laravel,Vue.js,Webpack,Vue Component,我正在使用Laravel 5.8和Vue 2.6，并尝试在我的单文件组件中使用图像文件的相对路径。我已经回顾了本报告中的建议 但却无法让它发挥作用 尝试时： <template> <div id="app"> <img src="./assets/logo.png"> </div> </template> <script> export default { } </script> <st
<template>
<div id="app">
<img src="./assets/logo.png">
</div>
</template>
<script>
export default {
}
</script>
<style lang="scss">
</style>
导出默认值{
}
<template>
<div id="app">
<img :src="image" />
</div>
</template>
<script>
import image from "./assets/logo.png"
export default {
data: function () {
return {
image: image
}
}
}
</script>
<style lang="scss">
</style>
从“/assets/logo.png”导入图像
导出默认值{
数据：函数（）{
返回{
图像：图像
}
}
}
：src=“require（'@/assets/logo.png'）；
- 使用base64自动内联小图像
- 使用任何网页包加载程序进行自动“深度”压缩
- Path可从应用程序中的每个路径运行
- 编译时检查文件是否存在
- 无需重建前端即可轻松切换到不同的图像
- 更灵活
/
导出默认值{}；
希望这能有所帮助对此的答案是，生产服务器使用了错误的部署，试图指向“public”文件夹，而不是在public_html上定位公共文件 当然，根据部署后，相对路径在开发和生产服务器上的工作方式完全相同 唯一的区别在于
server.php<img src="img/logo.png">
不幸的是，Laravel文档没有详细介绍这种部署方法，因为我怀疑有很多开发人员希望至少出于测试目的在共享服务器上部署。为什么在导入
logo.pnglogo.jpgphp artisan serveimport image from "./assets/logo.png"
const image = '/assets/logo.png'
const image = 'http://example.com/’
if ($uri !== '/' && file_exists(__DIR__.'/public'.$uri)) {
return false;
}
if ($uri !== '/' && file_exists(__DIR__.'/public_html'.$uri)) {
return false;
}
<img src="img/logo.png">