Nuxt.js项目反向代理部署之后如何往根目录上传验证文件

最新推荐文章于 2024-01-14 22:48:49 发布
最新推荐文章于 2024-01-14 22:48:49 发布
阅读量428 收藏
点赞数
分类专栏： Nuxt Vue javascript 文章标签： javascript https 开发语言 vue nginx
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_34768777/article/details/128804409
版权
javascript 同时被 3 个专栏收录
7 篇文章 0 订阅
订阅专栏
Vue
5 篇文章 0 订阅
订阅专栏
Nuxt
1 篇文章 0 订阅
订阅专栏

先说结果： 传入项目里面的static目录下即可

Nuxt 部署反向代理

Nuxt项目因为更利于SEO的优化所以很受欢迎，而Nuxt项目的部署因为有Server渲染的原因，无法像Vue项目一样部署静态网站，需要在服务端启动服务，然后再进行Nginx/Apache反向代理才可以进行正常域名绑定访问。

Pm2

Linux服务器部署的话建议安装pm2来守护启用的nuxt进程，防止因为报错崩溃等原因暂停服务。

为什么要传验证文件？

当申请一些网站认证的时候是需要上传根目录验证文件来验证的。例如：微信公众平台绑定业务域名、百度统计平台验证https证书等等方面。

如何处理？

先说结果： 传入项目里面的static目录下即可

在项目目录下 static 目录下直接传入即可 无需重启服务哦！

GASG2021
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
nuxt.js 全局 js_在Nuxt.js应用中实现身份验证
culiu9261的博客
07-22 1483
nuxt.js 全局 jsIn this tutorial, I’ll be showing you to implement authentication in Nuxt.js app using the Auth module. For the purpose of this tutorial we’ll be using JWT for authentication. 在本教程中，我将向您...
Nginx配置方向代理及目录白名单配置
热门推荐
huanglm_OneWholeLife的博客
02-21 2万+
1.Nginx配置方向代理 2.白名单配置 3.目录白名单配置 4.Nginx负载均衡配置 5.http&https转发配置
小程序https域名校验文件放在根目录
Gpointy的博客
11-11 1万+
小程序https域名校验文件放在根目录
nuxt、vue实现PDF和视频文件的上传、下载、预览
xiaoququ的博客
11-27 1277
【代码】nuxt、vue实现PDF和视频文件的上传、下载、预览。
【Nuxt3】Nuxt3脚手架nuxi安装项目和项目目录介绍
最新发布
qq_2511276124的博客
01-14 1470
Nuxt 是一个免费的开源框架，可通过直观、可扩展的方式使用 Vue.js 创建类型安全、高性能、生产级的全栈 Web 应用程序和网站。 支持SSR、SPA、建立静态网站，也可以混合渲染（SSR+SPA）。
Linux部署nuxt3
weixin_40918145的博客
02-10 1369
linux部署nuxt3
nuxt-template：Nuxt.js项目模板
02-13
模板我很棒的Nuxt.js模板构建设置# install dependencies$ yarn install# serve with hot reload at localhost:3000$ yarn dev# build for production and launch server$ yarn build$ yarn start# generate static ...
使用Nuxt.js改造已有项目的方法
10-18
主要介绍了使用Nuxt.js改造已有项目的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
Nuxt.js之自动路由原理的实现方法
10-17
Nuxt.js自动路由的实现原理是通过分析`pages`目录下的文件结构来生成对应的Vue Router配置。 首先，当运行`npm run dev`时，实际上是启动了Backpack这个简约的Node.js项目构建系统。Backpack基于Webpack，并且在`...
nuxt.js添加环境变量,区分项目打包环境操作
01-18
最近由于业务需求，开发了一个nuxt.js项目。 配置打包环境变量时，发现nuxt.js的文档过于简单，无法做参照。 经查证了一些资料后，解决了该问题。遂整理成文档，发布于此，给同行一些参照。 一、添加cross-env插件 ...
详解如何在nuxt中添加proxyTable代理
12-08
背景 在本地开发vue项目的时候，当你习惯了proxyTable解决本地跨域的问题，切换到nuxt的时候，你会发现，添加了proxyTable设置并没有什么作用，那是因为你是用的vue脚手架生成的vue项目，它里面已经帮你写好了相关的proxyTable的设置代码。 build/dev-server.js // proxy api requests Object.keys(proxyTable).forEach(function (context) { var options = proxyTable[context] if (typeof options === 'string')
详解Nuxt.js部署及踩过的坑
10-18
主要介绍了详解Nuxt.js部署及踩过的坑，Nuxt.js 提供了两种发布部署应用的方式：服务端渲染应用部署 和 静态应用部署。本文主要说说服务端渲染应用部署，感兴趣的小伙伴们可以参考一下
nuxt.js配置反向代理跨域nuxtjs/axios和@nuxtjs/proxy
艾小逗
03-15 659
nuxt.js配置反向代理跨域 安装依赖 yarn add @nuxtjs/axios @nuxtjs/proxy -D 配置nuxt.config.js export default { axios: { proxy: true // Can be also an object with default options }, proxy: { '/api': { target: 'http://test1.xxx.cn',//代理转发的地址 chan
nuxt3中，使用$fetch进行文件上传时的一些问题
weixin_45978842的博客
10-22 817
之前使用的是 V16进行本地环境开发，导致上面的文件上传出现问题。本地有两个node环境。切换为V18之后解决。
nuxt项目中添加百度统计的代码
西施的博客
03-12 1358
nuxt项目中使用百度统计 第一步：在plugin文件夹中新建一个baidu.js文件，放入下列代码： export default ({app: {router}, store}) => { /* 每次路由变更时进行pv统计 */ router.afterEach((to, from) => { /* 告诉增加一个PV */ try { window._hmt = window._hmt || [] window._hmt.push(['_tra
nuxt 反向代理跨域
weixin_43294560的博客
08-06 1224
1、安装 cnpm install @nuxtjs/proxy -D 2、在nuxt.config.js中设置 modules:[ '@nuxtjs/axios', '@nuxtjs/proxy' ], axios:{ proxy:true }, proxy:{ '/api':{ target:'http://xxx.com', changeOrigin:true, pathRewrite:{ '^/api':'/' } } } 3、
Nuxt项目反向代理，解决跨域问题
weixin_45966674的博客
04-06 1368
但大家要知道 你在首页面加载数据 是不存在跨域的 因为是服务端发的请求，但你跳转页面 第二个被调整的页面发请求 就是WEB端出去的了 如果处理不好就会有跨域。这样服务器就会在发起这个请求时 捕获到/user 从而在前面给你加上 http://localhost:8081。这和vue的代理就是一样的啦 还可以带多个地址 其他你要捕获不同的关键字 例如这里的 /user。这里 我们的接口 http://localhost:8081/user/在浏览器中就可以正常访问。
Nuxt_03_目录结构
weixin_36096211的博客
07-21 695
三、目录结构 -|nuxtTest/ (项目根目录) --|assets/ (资源目录) --|components/ (组件目录) --|layouts/ (布局目录) --|middleware/ (中间件目录) --|node_modules/ () --|pages/ (页面目录) --|plugins/ (插件目录) --|static/ (静态资源目录) --|store/ (Vuex状态树) --|.editorconfig () --|.
Nuxt项目解决客户端反向代理后导致服务端请求路径错误问题
weixin_45966674的博客
04-06 555
如果process.server为false 那么 当前还在客户端 我们就用这个user去匹配方向代理。这个意思就是 如果当前是服务端 那就不用考虑跨域 也不需要方向代理 我们就直接写接口的全地址了。那么 我们就需要判断 当前发请求的地方是 客户端还是服务端 然后来决定 处不处理代理请求地址。这里 服务端渲染页面出来了 服务端也请求成功在控制台输出了请求的数据。带着大家做了个Nuxt项目的方向代理 解决了客户端发请求跨域的问题。客户端渲染需要代理 但服务端渲染不需要代理。
nuxt静态部署_nuxt.js构建的项目，打包后如何部署到服务器？
06-02
要将 Nuxt.js 构建的项目部署到服务器，可以使用以下步骤： 1. 在本地使用 `npm run generate` 命令生成静态文件，生成后的文件会存储在 `dist` 目录下。 2. 将 `dist` 目录下的文件上传到服务器上的一个目录中，例如 `/var/www/html`。 3. 配置服务器上的 Web 服务器（如 Nginx 或 Apache），使其根目录指向上传的目录。 4. 配置 Web 服务器的路由规则，使其能够正确地处理 Nuxt.js 应用程序的路由。 例如，在 Nginx 中，可以使用以下配置实现路由规则： ``` server { listen 80; server_name example.com; root /var/www/html; location / { try_files $uri $uri/ /index.html; } } ``` 这样，当用户访问 `example.com` 时，Nginx 会将请求转发到 `/var/www/html/index.html`，然后 Nuxt.js 应用程序会根据 URL 显示相应的页面。 注意，在部署 Nuxt.js 应用程序时，还需要考虑安全问题，例如使用 SSL 证书保护通信、使用防火墙限制访问等。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值