Question

我已就这个问题进行了一些研究，但所有可能的解决方案对我都不起作用我不知道为什么。

我正在使用page.js和express来开发我的小应用程序。当我提供我的静态文件时，我的“/”（根）路由一切正常。但是当我导航到其他路线时，例如“/ client-profile /：user_id”，看起来我的静态文件似乎没有服务，因为我的模板只显示断开的链接，有时候没有显示任何内容。 / p>

当我在浏览器中使用“检查元素”工具在“/”路径中的一个图像上时，它会显示例如“/image.jpg”，但是当我转到其他路径时（“/ client-profile /” ：user_id“）具有相同的图像，它显示”/client-profile/image.jpg“

这是我的代码：

server.js（express）

var express = require('express')
var path = require('path')

lisaPosApp.use(express.static(path.join(__dirname, '/public')))

lisaPosApp.get('/client-profile/:user_id', function (req, res) {
  res.render('index', { title : '.: LISA | Usuarios | Loyalty Improvement Service Application :.' })
})

index.js（pagejs）

var page = require('page')
var templateClientProfile = require('./template')
var request = require('superagent')
var header = require('../header-n-left-menu')
var utils = require('../utils')

page('/client-profile/:user_id', utils.loadUserAuth, header, loadClientInfo, function (ctx, next) {
    $('title').html(`.: LISA | ${ctx.user.username} | Loyalty Improvement Service Application :.`)
  var mainContainer = document.getElementById('main-container')

  mainContainer.innerHTML = ''
  mainContainer.appendChild(templateClientProfile(ctx.user))
  document.getElementById('section-preloader').remove()

  $('select').material_select()
  $('ul.tabs').tabs()
})

function loadClientInfo (ctx, next) {
  request
    .get(`/api/client-profile/${ctx.params.user_id}`)
    .end(function (err, res) {
      if (err) return console.log(err)

      ctx.user = res.body
      next()
    })
}

（注意：所有我的静态文件，无matter是什么类型，都在项目根文件夹中名为“public”的文件夹中）

事先，非常感谢！

Answer 1

当您使用express.static('/public')时，您应该将所有静态资源放在公共文件夹中，并将相对路径放在您的html页面中，如下所示：对于在公共目录中的index.js文件，写

<script src="/index.js"></script>

在express中提供静态文件在不同路由中不起作用，仅在根路由

1 个答案: