如何在Nginx中放置CSS與JS文件

在Nginx中放置CSS和JS文件，可以通過配置靜態(tài)文件路徑來實(shí)現(xiàn)，以下是一個(gè)簡單的示例：

1、在Nginx的默認(rèn)站點(diǎn)配置文件（通常是/etc/nginx/sites-available/default）中找到server塊。

2、在server塊中，添加一個(gè)新的location塊，用于處理靜態(tài)文件請求。

location /static {
    root /path/to/your/static/files;
    try_files $uri $uri/ /index.html;
}

在這個(gè)示例中，/path/to/your/static/files是靜態(tài)文件的根目錄，try_files指令用于處理文件不存在的請求，將請求導(dǎo)向到/index.html文件。

3、保存配置文件并重啟Nginx服務(wù)，在Ubuntu系統(tǒng)上，可以使用以下命令重啟Nginx服務(wù)：

sudo service nginx restart

你可以將CSS和JS文件放置在/path/to/your/static/files目錄下，然后通過以下方式在HTML文件中引用它們：

對于CSS文件，使用<link>

<link rel="stylesheet" href="/static/path/to/your/css/file.css">

對于JS文件，使用<script>

<script src="/static/path/to/your/js/file.js"></script>

通過這種方式，Nginx將能夠正確地找到并處理這些靜態(tài)文件請求。