vue+nginx配置二级域名

最新推荐文章于 2024-06-27 22:35:01 发布
最新推荐文章于 2024-06-27 22:35:01 发布
阅读量731 收藏 1
点赞数
文章标签： vue.js nginx
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/maxushan001/article/details/118570312
版权
本文详细介绍了如何修改路由文件、配置文件以及nginx配置文件，特别是针对二级域名的设置。通过这些步骤，实现了对http://192.168.199.xxx:28086/hbsnsj/和https://xxxx.xxxxxxx.com/hbsnsj/的访问支持。文章重点讨论了网络服务的部署和优化，是系统管理员和开发者必备的知识。
摘要由CSDN通过智能技术生成
夏侯羽
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
详解vue通过NGINX部署在子目录或者二级目录实践
10-18
在实际项目中，有时我们需要将Vue应用部署到服务器的子目录或二级目录下，而不是作为顶级域名的直接入口。这时，我们可以利用NGINX的反向代理功能来实现这一需求。NGINX是一款高性能的HTTP和反向代理服务器，能够...
Nginx-部署2个vue项目（多个项目）-二级域名设置代理
路虽远行则将至，事虽难做则必成。
05-16 3408
最近在实际开发过程中，需要在服务器部署2个项目。需要nginx二级域名。开始时候在网上查了一圈，各有说法，不是很全，很头大。这里把自己成功的二级域名代理记录一下。网上有很多文章说要该router.js文件，要该vue.config.js中的publicPath的路径问题。不用这么麻烦。很多文章都是说在nginx配置2个server就行了，但其实你不在域名哪里解析的话是访问不到的（重点）。
vue项目配合nginx部署到子目录、二级域名的解决办法
热门推荐
一键写代码的博客
01-27 1万+
默认的vue项目是部署到网站根目录的。 但是，有些情况下，一个域名内需要放置多个内容。所以，只能分子域名或是子目录来部署。 譬如，当前网站的域名是：www.abc.com 使用nginx做代理的时候，分配给我们的部署vue项目的域名地址是：www.abc.com/vuedemo 先看nginx的配置： location / { root html; index index.html index.htm; gzip_static o
配置Nginx二级域名
最新发布
u013302168的博客
06-27 1379
（3）如果一级域名与二级域名为不同接入商，一级域名在原来的接入商备案成功后，在二级域名解析指向的新的接入商处需要将该一级域名进行新增接入备案，并将所接入二级域名填写在备案信息备注中。如果只是想要http协议，那么到此就可以了，如果想要https协议访问域名地址，那么配置SSL证书是为了能够通过https来访问，就不会提示不安全。但是，如果二级域名指向的是不同的IP地址，则要跟接入商联系，让接入商在原备案网站下添加接入信息。（2）如果一级域名与二级域名为同一接入商，一级域名备案成功后使用二级域名无需备案。
Nginx部署多个Vue项目，配置二级域名
小康师兄
04-19 2967
Nginx部署多个Vue项目，配置二级域名
ruoyi-vue Nginx配置二级域名
qq_40042416的博客
08-26 3585
若依官网项目部署手册，前端部署到80端口一级域名下的。一级域名官网占用，这时就需要配置二级域名。
vue项目运行在二级域名打包配置
lihefei_coder的博客
06-28 2272
1.修改vue.config.js中的publicPath module.exports = { publicPath: process.env.NODE_ENV === 'production' ? './' : '/', //打包时区分开发环境与生产环境静态资源路径 ... } 2.修改src/router/index.js路由模式为hash(删除mode: 'history’后默认是hash模式) { // mode: 'history' // 默认为hash } ...
web服务器nginx+部署前端vue项目
03-22
### Nginx 与前端 Vue 项目的部署 ...对于前端 Vue 项目来说，通过简单的几步配置即可将其部署到 Nginx 上，从而充分利用 Nginx 的高性能和稳定性。无论是对于个人开发者还是企业级项目，Nginx 都是值得考虑的选择。
vue打包部署nginx 配置
01-24
本文将深入探讨“Vue打包部署Nginx配置”的相关知识点。 一、Vue.js项目打包 Vue.js项目在开发完成后，需要通过Webpack进行打包。Webpack是一个模块打包工具，它将各种资源（如JavaScript、CSS、图片等）视为模块...
vue history 模式打包部署在域名的二级目录的配置指南
10-16
本文将详细介绍如何在Vue CLI3环境下，配置和部署使用history模式的Vue项目到域名的二级目录下。 首先，需要了解的是Vue Router的配置。在创建Vue项目时，可以通过Vue CLI来生成一个带有路由配置的项目模板。在路由...
nginx部署多个vue项目的方法示例
10-14
对于二级域名的Vue项目（例如`/student/login`），我们需要进行一些额外的配置。在`vue.config.js`文件（如果不存在，则需创建）中，我们需要修改`publicPath`，以便在生成的文件中所有资源引用都位于`/student/`下...
vuepress（六）阿里云二级域名配置与添加SSL证书
前端学习博客
06-28 3726
这里是小飞侠Pan🥳，立志成为一名优秀的前端程序媛！！！本篇博客收录于我的github前端笔记仓库中，持续更新中，欢迎star~👉 https://github.com/mengqiuleo/myNote因为自己的域名备案已通过，所以就想自己配置个二级域名。但是网上的教程都很分散，我自己踩坑了很多，花了很长时间才配置好，所以在这里进行一个总结首先，打开顶级域名，并点击右侧解析然后进入解析设置，并点击添加记录此时就是在进行添加二级域名，除了图中红色的标注，剩下的按图中的填写就好然后我们会看到多了一条解析记..
vue nginx二级域名配置
白小白的小白的博客
06-05 1463
一般来说项目会有一个前台和后台，前台用一级域名，后台用二级域名，比如一个项目的域名是www.xxx.com，访问www.xxx.com时自然会访问到前台的首页，而后台一般是www.xxx.com/xxx，一级域名自然很简单，但是配置二级域名(后台)时，就会报js css的404错误   1. 在了解原因的时候我们先说一下nginx中root和alias的区别，root会根据完整的url请求来映射到目录中，而alias会把location后面配置的路径丢弃掉，把当前匹配到的目录指向到指定的目录，下面可以举个例
vue做二级域名java_修改vue的配置项支持生产环境下二级域名访问的方法
weixin_35112865的博客
02-27 338
本文主要记录如何配置vue的打包文件配置项，使打包后的文件可以支持二级域名的访问。1、常规打包在实际的项目中，我们通常都使用npm run build直接打包文件后丢到服务器上访问打包后的文件目录是这样的：访问的静态资源都是地址是这样的：我们现在要放在服务器的二级域名下访问地址，那么访问的路径就应该也加上二级域名，该如何配置尼？2、静态文件地址修改静态文件的访问地址应该加上二级域名前缀：方法：...
vite + vue 二级域名部署遇到的问题
xy1580的博客
04-25 508
index.html 中的链接自动加上了/basePatn/前缀，组件中的html部分，静态图片链接没有加上前缀，js部分文件没有加上前缀，css部分文件背景图片都加上了前缀。原因就是所的图片和文件都放在了静态文件夹public/assets中,引入使用的是绝对路径 /assets/xxx/xxx;js部分中需要引入静态文件，如图片，json文件等，在前面拼接上 import.meta.env.BASE_URL，如。解决方案，组件中的html部分图片链接使用别名，如。nginx 部分配置。
若依框架二级域名部署，及刷新之后404处理
morecccc的博客
02-23 2686
若依框架二级域名部署，及刷新之后404处理
vue-router Nginx重定向部署二级域名或者说多级访问的url，导致访问失败
主要领域：前端开发
06-18 1152
如果是/site/wxtest/ nginx.conf配置: location ^~/site/wxtest/ { root /root/www/; try_files $uri $uri/ /site/wxtest/index.html; # index index.html index.htm; }
vue项目nginx二级域名配置
weixin_44330517的博客
08-15 1742
1、将vue项目路由的加入base配置如下图所示，打包备用 2、配置nginx，下图所示 3、在步骤2中的nginx的根目录下面html文件夹下面新增data文件夹，在data下面新建vue和test文件夹，将步骤1打包的文件放到vue文件夹和test文件夹，访问本地http://localhost/test/和http://localhost/vue/ ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值