Gridsome案例部署【把本地服务连通远程Strapi】

最新推荐文章于 2024-01-22 11:37:32 发布
最新推荐文章于 2024-01-22 11:37:32 发布
阅读量179 收藏
点赞数
分类专栏： strapi vue 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_37883657/article/details/114065038
版权

一、修改 blog 项目的配置

二、配置环境变量 

  •  新建  .env.development （开发）和 .env.production （生产） 这两个文件，配置的内容一样

  • npm run develop
  • 图片没出来原因，是把地址写死了
    • 解决办法 ，配置公共变量

最低0.47元/天 解锁文章
Daisy__yangyang
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Strapi【 Gridsome案例-部署】
weixin_37883657的博客
02-25 363
一、准备工作 有云服务 云服务安装 mysql数据库 npm install mysql 二、my-project 配置 ./config/database.js 配置（参考官网链接 https://strapi.io/documentation/developer-docs/latest/concepts/configurations.html#database） module.exports = ({ env }) => ({ defaultConnection: 'de...
3-4-Gridsome 生成静态站点的基础
cloveryuan的博客
09-27 1394
1. Gridsome是什么 一个免费、开源、基于VUE.js技术栈的静态网站生成器 官方网址：https://gridsome.org GitHub: https://github.com/gridsome/gridsome 2. 什么是静态网站生成器 静态网站生成器是使用一系列配置、模板以及数据，生成静态HTML文件及相关资源的工具 这个功能也叫做预渲染 生成的网站不需要类似PHP这样的服务器 只需要放到支持静态资源的WebServer或者CDN上即可运行 3. 静态网站的好处 省钱：不需要
静态网站生成和部署（一）静态网站生成器 Gridsome
皮蛋很白的博客
09-13 1678
静态网站生成器 什么是静态网站生成器 使用一系列配置、模板以及数据，生成静态 HTML 文件及相关资源的工具 由于它用来提前生成静态网页，所以这个功能也称为 预渲染 生成的网站不需要类似 PHP 这样的服务器去部署运行 只需要放到支持静态资源的 Web Server 或 CDN 上即可运行 静态网站的好处 省钱 不需要专业的服务器，只要能托管静态文件的空间即可 快速 不经过后端服务器的处理，只传输内容 安全 没有后端程序的执行，自然会更安全 常见的静态网站生成器 Jekyll（R
静态站点生成（SSG）——Gridsome
qq_32090185的博客
01-27 2749
Study Notes Gridsome 静态站点生成（SSG） GitHub 仓库 官网 介绍 Gridsome 是什么 Gridsome 是由 Vue.js 驱动的 Jamstack 框架，用于构建默认情况下快速生成的静态生成的网站和应用。 Gridsome 是 Vue 提供支持的静态站点生成器，用于为任何无头 CMS，本地文件或 API 构建可用于 CDN 的网站 使用 Vue.js，webpack 和 Node.js 等现代工具构建网站。通过 npm 进行热重载并访问任何软件包，并使
大前端【Gridsome + Strapi + GraphQL】开发博客应用，并部署到服务器上【Vercel + pm2】
weixin_37883657的博客
03-19 449
一、准备工作 Gridsome 参考我的博客：https://blog.csdn.net/weixin_37883657/article/details/113647520 参考官网：https://www.gridsome.cn/ Strapi 参考我的博客：https://blog.csdn.net/weixin_37883657/article/details/113937540 官网：https://strapi.io/ 购买一个虚拟主机或者自己电脑安装一个虚拟主机：..
【静态站点（三）】之 Gridsome + Strapi + Vercel + Pm2 部署案例
zimeng303的博客
01-27 1524
文章前言 笔记来源：拉勾教育 大前端高薪训练营 阅读建议：内容较多，建议通过左侧导航栏进行阅读 Gridsome 案例 案例介绍 使用第三方案例模板，嵌入到本次项目中 模板地址：https://github.com/zimeng303/startbootstrap-clean-blog 为防止项目作者的一些删除操作，建议将其 Fork 到自己的仓库中 使用 git 将其下载到本地，--depth=1 表示下载最后一次更新的代码 git clone git@github.com:zimen
腾讯云tsf平台-部署微服务项目
最新发布
✨ 欢迎来到【Seal ^_^ 的CSDN博客】！这里是我记录技术心得、分享经验的地方。✨
01-22 3万+
腾讯云tsf平台（Tencent Service Framework）是一款用于部署和管理微服务架构的云原生应用平台，可使用以下两种方式部署。本文档使用容器部署微服务。
linux下查看本机和远程服务器的端口是否连通的方法
09-14
今天小编就为大家分享一篇linux下查看本机和远程服务器的端口是否连通的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
远程连接SQLSERVER 2000服务器方法
12-15
二 在Dos或命令行下输入telnet 服务器IP 端口，看能否连通 如telnet 202.114.100.100 1433 通常端口值是1433，因为1433是SQL Server 2000的对于Tcp/IP的默认侦听端口。如果有问题，通常这一步会出问题。通常的提示...
中国联通5G泛低空网络部署与服务运营白皮书
11-17
"中国联通5G泛低空网络部署与服务运营白皮书" 本白皮书主要介绍了中国联通5G泛低空网络部署与服务运营的解决方案和服务能力。随着民用无人机技术的迅猛发展和成熟，无人机应用逐渐从视距应用扩展到超视距，从消费...
ThinkServer SR588服务器部署centos8
10-25
在系统配置中，我们需要使用 root 账号进入系统，然后进入 /etc/sysconf ig /network-scrpints 目录，查看网卡信息，确认网卡后使用 vi 进行修改网卡配置，保存退出，然后重启服务器，检查网络连通性和 ssh 远程功能...
sqlserver 2000 远程连接 服务器的解决方案
01-19
远程连接sql server 2000服务器的解决方案 一 看ping 服务器IP能否ping通。 这个实际上是看和远程sql server 2000服务器的物理连接是否存在。如果不行，请检查网络，查看配置，当然得确保远程sql server 2000服务器...
使用 Gridsome + Strapi + GraphQL 搭建博客应用
大白菜的博客
09-20 4849
搭建自己的SSR
将打包好的vue项目部署到nginx上
weixin_37883657的博客
07-20 1810
目录 1、安装 nginx （我的虚拟机系统是 centos7） 2、配置 nginx 3、nginx 其他命令 准备环境： 购买一个虚拟服务器：https://www.ucloud.cn/site/active/lagou.html； 准备好一个vue项目：我的项目资源（https://gitee.com/daisy_yangyang/fed-e-task-04-02） 在虚拟机上安装 nginx 1、安装 nginx （我的虚拟机系统是 centos7） （1）下载本地下...
Hash 和 History 模式
weixin_37883657的博客
04-08 1382
Hash和History模式的区别 首先需要强调的是不管哪种模式都是客户端路由的实现方式，也就是当路径放生变化之后不会向服务器发送请求，是用js监视路径的变化的变化，然后根据不同的地址渲染不同的内容如果需要服务端内容的话，需要使用Ajax发送请求。 表现形式的区别 -Hash模式 https://music.136.com/#/user?id=10029这种模式的地址中带有#号，#号后面就是路由地址可以使用？携带路由参数，官方文档中说这种模式很丑，路径中带...
【vue.js 3.0】之 Composition API
weixin_37883657的博客
03-22 902
一、新增 createApp, reactive, onMounted, onUnmounted, toRefs，用这些方法封装函数 引入 import {createApp, reactive, onMounted, onUnmounted, toRefs} from './node_modules/vue/dist/vue.esm-browser.js' createApp：创建 app reactive：实现响应式 setup：Composition API的入口 生命周期钩...
【大前端】NuxtJS基础教程
weixin_37883657的博客
01-14 618
Nuxt 介绍 一个机遇 Vue.js 生态的第三方开元服务端渲染应用框架 它可以帮我们轻松的使用 Vue.js 技术栈构建同构应用 官网：https://zh.nuxtjs.org/ GitHub 仓库：https://github.com/nuxt.nuxt.js 初始化NuxtJS项目 Nuxt.js 的使用方式 初始项目 官方文档：https://zh.nuxtjs.org/gguide/installation 方式一：使用 create-nuxt-app 方...
大前端【Nuxt 发布部署-打包】
weixin_37883657的博客
01-20 469
打包 Nuxt.js 应用 最简单的部署方式 配置 Host + Port 压缩发布包 把发布包传到服务器 解压 安装依赖 启动服务 使用PM2启动Node服务 自动化部署介绍 自动化提交部署 代码修改后 ...
本地服务能连接mysql，但是远程就连不到mysql
07-08
如果您可以在本地连接到 MySQL，但无法远程连接到 MySQL，则可能是由于以下原因之一： 1. 防火墙设置：确保远程连接的端口（默认为3306）在服务器的防火墙中是开放的。您可能需要在服务器上配置防火墙规则以允许...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值