nginx部署前端项目 nginx部署无法加载js/css问题 Uncaught SyntaxError: Unexpected token ‘＜‘

10月前作者：小熊火锅分类：Toy博客阅读(49) 违法举报

这篇具有很好参考价值的文章主要介绍了nginx部署前端项目 nginx部署无法加载js/css问题 Uncaught SyntaxError: Unexpected token ‘＜‘。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

注意：将多个html项目放在一个server中出现js,css加载不出来问题
可以将文件放在主项目同级目录下（暂时解决，可能是静态资源配置问题，不会弄）。
nginx访问不到css/js,前端,nginx,javascript

1.下载nginx,解压
nginx访问不到css/js,前端,nginx,javascript
2.将项目放入html目录下
3.修改nginx.conf文件

4.修改端口防止占用和添加新映射

5.普通html项目，部署会出现以下错误
Uncaught SyntaxError: Unexpected token ‘<’

6.处理所有引用的部分前面加上，在conf中添加的映射路径。
nginx访问不到css/js,前端,nginx,javascript

7.配置前端ajax接口http://ip/映射/接口
常用命令文章来源地址https://www.toymoban.com/news/detail-767745.html

//开启服务：
start nginx
直接点击Nginx目录下的nginx.exe 

//停止服务：nginx停止命令stop与quit参数的区别在于stop是快速停止nginx，可能并不保存相关信息，quit是完整有序的停止nginx  ，并保存相关信息。nginx启动与停止命令的效果都可以通过Windows任务管理器中的进程选项卡观察。
nginx -s stop
nginx -s quit
//重启服务：
nginx -s reload
安全有序停止：nginx.exe -s quit
nginx -s stop

到了这里，关于nginx部署前端项目 nginx部署无法加载js/css问题 Uncaught SyntaxError: Unexpected token ‘＜‘的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：如若内容造成侵权/违法违规/事实不符，请点击违法举报进行投诉反馈，一经查实，立即删除！

分享到：

领支付宝红包赞助服务器费用

nginx: 部署前端项目的详细步骤（vue项目build打包+nginx部署）

目录第一章前言第二章准备工作 2.1 项目打包理解 2.1.1 打包命令 2.1.2 理解npm run serve/dev 和 npm run build命令 2.2 nginx参数配置理解 2.2.1 nginx常用基本命令 2.2.2 默认配置 2.2.3 搭建不同网站的站点 2.2.4 禁止访问的目录以及一键申请SSL证书验证目录相关设置 2.2.5 根据文件类型设置

2024年02月04日
浏览(59)
nginx部署多个前端项目

前提：nginx已在服务器上安装完成假如有2个项目（一个company，一个test），需要通过ip或者域名来访问，我们通过http://www.test.com来举例首先把2个静态资源项目或者打包好的项目放到Nginx中在nginx的html里面创建两个文件夹，一个services放服务端代码，一个web放前端代码将前端

2024年02月01日
浏览(45)
nginx部署前端项目

这里简单记录一下自己部署前端项目的过程。参考： Nginx安装与基本配置修改nginx.conf，配置前端项目访问路径。测试nginx是正常重启nginx ./sbin/nginx -s reload 如果没有启动过Nginx，直接启动Nginx即可：./sbin/nginx http://192.16.6.118:57777 即可打开前端页面简单的利用nginx部署前端项目

2024年02月09日
浏览(42)
使用nginx部署前端项目

docker pull nginx docker images docker run --name nginx -p 8080:80 -d nginx:latest docker exec -it nginx /bin/bash mdkir /opt/nginx/conf mkdir /opt/nginx/html mkdir /opt/nginx/log docker rm -f nginx 说明: –name: 启动容器的名字 -d:后台运行 -p: 将容器的端口映射到主机的端口 -v:挂载配置文件在浏览器访问主机ip nginx安装

2024年02月09日
浏览(51)
Nginx部署Vue前端项目

目录一、安装Nginx 1、安装完成 2、启动Nginx 3、问题二、修改Nginx配置文件系统环境：Mac Pro—10.15.7版本 Nginx版本：1.19.6 Nginx的配置文件目录：/usr/local/etc/nginx Nginx的安装目录：/usr/local/Cellar/nginx 可能遇到的报错一：nginx: [error] open() \\\"/usr/local/var/run/nginx.pid\\\" failed (2: No such file

2024年02月11日
浏览(43)
macOS nginx部署前端项目

1、配置文件地址根目录是 macOS 文件系统的最顶层目录。您可以在 Finder 中使用快捷键 Shift + Command + G，然后输入 /usr，即可直接打开 /usr 目录。另外，您也可以在终端中使用 cd /usr 命令切换到 /usr 目录 /usr/local/etc/nginx 2、主要代码在 macOS 上，默认情况下，Nginx 的网站根目录（

2024年02月11日
浏览(48)
5个前端练手项目(html css js canvas)

前言：首先祝大家端午节快乐。本篇文章有5个练手项目对于刚学完前端三剑客的你们。应该是一个很好的实践目录 🥩.跑马灯 1.1效果图： 1.2思路解析 1.3源码 🍧.彩虹爱心 2.1效果图 2.2思路解析 2.3源码 🌮.闹钟 3.1效果图 3.2思路解析 3.3源码 🍲.自制笔记本 4.1效果展示 4

2024年02月02日
浏览(56)
前端练手小项目--自定义时间（html+css+js）

关于要写这篇文章的原因是记录在工作上遇到的困难需求，是希望能给大家提供一些解决问题的思路接下来我描述这个需求的多样性，难点在哪。勾选勾选框开始时间与结束时间默认显示昨天与今天。取消勾选框开始时间与结束时间清空。选择开始时间，勾选框勾选，结

2024年02月12日
浏览(43)
Nginx基本使用以及部署前端项目

最近学习了一下Nginx，整理了一个博客，主要参考的是狂神说的b站视频教程，文章链接如下：狂神说Nginx快速入门到Nginx官方选择自己电脑适用的稳定版本下载，我下载的的windows版本。下载完，就会有一个压缩包。需要创建一个文件夹用于存放解压后的nginx内容（注意：存放

2024年02月05日
浏览(45)
Vue项目前端部署——nginx方式

随便在网上找一篇文章，下载安装之后，启动nginx 在项目根目录下运行npm run build 进行编译打包打包完成之后，在项目根目录下会多一个dist目录因为使用到nginx进行代理，所以vue.config.js里面的代理是不会生效的，我们使用nginx来配置反向代理,配置完成保存文件使用service

2024年02月12日
浏览(47)