"src"タグを適切な相対的な方法で使用することはできません

Question

私のディレクトリ構造は以下のとおりです。 " - "はフォルダ内の単一のレベルを示します。私は、ターミナルを開いて、「sudoのnodemonアプリ」を書くfile_uploadsフォルダで

--file_uploads 
----routes 
----views 
------index.html 
------app.js 
------angular.min.js 
----public 
----node_modules 
----app.js 
----package.json 

私は「ローカルホスト：// 3000」に行くと、私のサーバーは、実行を開始し、私は2つのエラーを取得する、すなわち「エラー404は、角度を見つけることができません.min.js "と" 404エラーがapp.jsを見つけることができません "。私はソースのため、以下の2行のコードを持っている私のindex.htmlで

「SRC」： -

<script type="text/javascript" src="./views/angular.min.js"></script> 

<script src="./views/app.js"></script> 

は私が間違っているのどこ私を導いてください、私のindex.htmlページが開きますが、見つけることができませんでしたangular.min.jsとapp.jsの相対パス

[OK]を、私はHTTPサーバーからファイルを切断するためのソリューションを持っていますが、私はエクスプレスで、私はangularjsコードと一緒にサーバーのHTMLコードをできるようにする必要があります。 express + node + angular + htmlはどのようにして達成できますか？

私のapp.jsサーバー側で私はこれをやっています。

var cons = require('consolidate'); 

// view engine setup 
app.engine('html', cons.swig); 
app.set('views', path.join(__dirname+ "/views")); 
app.set('view engine', 'html'); 
app.use(express.static(path.join(__dirname, 'public'))); 
app.use('/', index); 
app.use('/users', users); 
app.use('/profile',profile); 

そして、それは私がこれを行うindex.jsに来るとき： -

router.get('/', function(req, res, next) { 
res.render('index.html'); 
}); 

PS、MYサーバが正常にindex.htmlをへのレンダリングされています。

Answer 1

あなたは急行

app.use(express.static('public'))

を使用しているので、これは、パブリックフォルダ内のすべてのファイルを提供します、これを使用してください。あなたの/angular.min.jsと/app.jsをそこに置き、あなたのindex.htmlがそれを拾うはずです。もちろん、viewsフォルダを提供することもできますが、そこのindex.htmlが衝突する可能性があります。

スクリプトがルートからのものであることを確認してください。 /angular.min.jsおよび/app.js

1. インストール：npm install -g http-server。 http-server
2. はブラウザ

に​​に行く

CD実行

viewsにNodemonは、あなたが奉仕しようとしているようではないクライアントのファイルサーバーのファイルを提供するために使用されます。