1

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

我正在使用 page.js 和 express 来开发我的小应用程序。当我为我的静态文件提供服务时，我的“/”（根）路径中一切正常。但是当我导航到其他路线时，例如“/client-profile/:user_id”，我的静态文件似乎不起作用，因为我的模板只显示断开的链接，有时什么也不显示。

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

这是我的代码：

server.js（快递） 

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()
    })
}

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

提前，非常感谢！

4

1 回答 1

1

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

<script src="/index.js"></script>
于 2017-03-23T14:46:28.527 回答