এইচটিএমএল 5 মোড ব্যবহার করার জন্য সার্ভার সাইডে ইউআরএল পুনর্লিখনের প্রয়োজন হয়, মূলত আপনাকে আপনার অ্যাপ্লিকেশনের এন্ট্রি পয়েন্টে (যেমন সূচক। Html) আপনার সমস্ত লিঙ্ক পুনর্লিখন করতে হবে। <base>এই ক্ষেত্রে একটি ট্যাগের প্রয়োজনও গুরুত্বপূর্ণ, কারণ এটি AngularJS- কে ইউআরএল অংশের মধ্যে পার্থক্য করতে দেয় যা অ্যাপ্লিকেশন বেস এবং অ্যাপ্লিকেশনটির দ্বারা পরিচালিত হওয়া সেই পথের মধ্যে পার্থক্য করতে পারে। আরও তথ্যের জন্য, AngularJS বিকাশকারী গাইড - অবস্থান HTML5 মোড সার্ভার সাইড ব্যবহার করে দেখুন ।
হালনাগাদ
কীভাবে: এইচটিএমএল 5 মডেল 1 এর সাথে কাজ করতে আপনার সার্ভারটি কনফিগার করুন
আপনি যখন এইচটিএমএল 5 মোড সক্ষম করেছেন, #অক্ষরটি আর আপনার ইউআরএলে ব্যবহৃত হবে না। #কারণ এটির কোনো সার্ভার প্রান্তের কনফিগারেশন প্রয়োজন প্রতীক দরকারী। ছাড়া #, ইউআরএলটি দেখতে খুব সুন্দর দেখাচ্ছে তবে এটির জন্য সার্ভারের সাইড পুনর্লিখনগুলিও প্রয়োজন। এখানে কিছু উদাহরন:
অ্যাপাচি পুনর্লিখন
<VirtualHost *:80>
ServerName my-app
DocumentRoot /path/to/app
<Directory /path/to/app>
RewriteEngine on
# Don't rewrite files or directories
RewriteCond %{REQUEST_FILENAME} -f [OR]
RewriteCond %{REQUEST_FILENAME} -d
RewriteRule ^ - [L]
# Rewrite everything else to index.html to allow html5 state links
RewriteRule ^ index.html [L]
</Directory>
</VirtualHost>
এনগিনেক্স পুনর্লিখন
server {
server_name my-app;
index index.html;
root /path/to/app;
location / {
try_files $uri $uri/ /index.html;
}
}
আজুর আইআইএস পুনর্লিখন
<system.webServer>
<rewrite>
<rules>
<rule name="Main Rule" stopProcessing="true">
<match url=".*" />
<conditions logicalGrouping="MatchAll">
<add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" />
<add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" />
</conditions>
<action type="Rewrite" url="/" />
</rule>
</rules>
</rewrite>
</system.webServer>
পুনর্লিখন এক্সপ্রেস
var express = require('express');
var app = express();
app.use('/js', express.static(__dirname + '/js'));
app.use('/dist', express.static(__dirname + '/../dist'));
app.use('/css', express.static(__dirname + '/css'));
app.use('/partials', express.static(__dirname + '/partials'));
app.all('/*', function(req, res, next) {
// Just send the index.html for other files to support HTML5Mode
res.sendFile('index.html', { root: __dirname });
});
app.listen(3006); //the port you want to use
আরো দেখুন