由于不同的生产和开发结构,我在使用vue 2项目(webpack-simple模板)中的快速静态数据服务时遇到问题。快速发送Vue 2中的静态文件App
发展: 本地主机/应用
生产: 服务器/一些目录/应用
一些目录的变化往往因此被动态地设置在配置文件中。
我server.js的服务部分:
if (config.root !== '/') {
app.use(`/${config.root}`, express.static(path.join(__dirname)));
}
app.use('/dist', express.static(path.join(__dirname, 'dist')));
Transpiled JS文件在/ DIST文件夹中。
这是index.html文件充当应用程序的入口点:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>App Demo</title>
</head>
<body>
<div id="app"></div>
<script src="/dist/build.js"></script>
</body>
</html>
它工作在发展,因为应用程序是在根。
但在生产构建它不起作用,因为应用程序从服务器子文件夹提供。
任何想法如何解决这个问题?
谢谢。
这不起作用意味着它仍然从根网址获取数据,而不是获取静态内容。我尝试了你的解决方案,但没有运气。由于这是webpack模板应用程序,我需要使用绝对路径,否则应用程序将无法找到转发资源。例如:构建完成后,src =“../ assets/logo.png”将成为src =“/ dist/logo.png”。是否有可能改变所有的链接有前缀/自定义目录/使用节点或表达? – user2199236