svelte 修改调试模式域名和端口

最新推荐文章于 2023-03-13 13:37:50 发布
最新推荐文章于 2023-03-13 13:37:50 发布
阅读量560 收藏
点赞数
分类专栏： svelte 文章标签： nodejs
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/a156899384/article/details/119846140
版权

用的官方自带的就可以了

而且有说明的，直接在package.json文件修改

例子

"scripts": {
        "build": "rollup -c",
        "dev": "rollup -c -w",
        "start": "sirv public --no-clear --host demo.c.com --port 5000"
    },

--host demo.c.com --port 5000

修改本地的域名和端口

这个是用来调试的时候，跨域携带COOKIE 必备的

pd87
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
【Svelte】当Svelte在项目在调试模式下的中的使用在js级别的差异和细化后的体积差异
老司机的后备箱
12-21 438
整理了75个JS高频面试题，并给出了答案和解析，基本上可以保证你能应付面试官关于JS的提问。
svelte-esbuild-template:使用 esbuild 构建 Svelte 应用程序的入门套件
07-24
Svelte-esbuild 模板 使用构建应用程序的入门工具包。 安装 git clone https://github.com/Tazeg/svelte-esbuild-template cd svelte-esbuild-template yarn install # or npm 发展 yarn run dev 打开浏览器访问 为生产而构建 yarn run build 部署public/目录。
第一篇
kenlee3278的专栏
08-25 9755
以前经常逛大家的博客，现在开始把我的一点认知写上，供大家参考
rollup-plugin-serve 配置
CS304961760的博客
03-13 1168
rollup-plugin-serve` 是一个 Rollup 插件，用于在开发过程中充当本地 Web 服务器。默认情况下，`rollup-plugin-serve` 将使用您配置的端口号和主机名，在本地启动一个 Web 服务器，并提供指定目录的文件访问。在这个例子中，我们在 Rollup 配置文件中添加了 `rollup-plugin-serve` 插件，并提供了一些配置选项。总之，`rollup-plugin-serve` 可以令您的开发过程更加高效，有效的加快应用程序的开发过程，并提高开发效率。
rollup 配置跨域
CS304961760的博客
03-10 628
Rollup 可以通过一些配置来解决跨域问题。通过添加 `devServer` 配置项，我们可以在 Rollup 应用程序中解决跨域问题，从而更轻松地开发和测试应用程序。`contentBase` 指定静态文件目录，`host` 和 `port` 分别指定开发服务器的主机名和端口号。在我们的 Rollup 应用程序中，可以使用 `/api` 路径来加载模块，而不需要担心跨域问题。在这个例子中，我们使用 `devServer` 配置项来设置一个代理，将 `` 中运行 Rollup 应用程序，并从 `
前端组件/库打包利器rollup使用与配置实战
奇舞周刊
02-15 5651
目前主流的前端框架vue和react都采用rollup来打包，为了探索rollup的奥妙，接下来就让我们一步步来探索，并基于rollup搭建一个库打包脚手架，来发布自己的库和组件。前言写r...
android在线浏览
热门推荐
Melinda_meng的博客
07-02 31万+
MainActivity。java package com.example.internetimageview; import java.io.IOException; import java.io.InputStream; import java.net.HttpURLConnection; import java.net.MalformedURLException; import java.
git 强制覆盖本地
MaiJi
12-15 1082
放弃所有 git fetch --all 重新拉取 git reset --hard origin/master 或者是其他分支 git reset --hard origin/<branch_name> 一行强制覆盖 git fetch --all &&git reset --hard origin/master
svelte 配置局域网调试，开启https
MaiJi
12-29 1166
package.json { "name": "app", "version": "1.0.0", "private": true, "scripts": { "build": "rollup -c", "dev": "rollup -c -w", "start": "sirv public --no-clear --host 0.0.0.0 --port 5000", "startd": "sirv pub
前端连接后端本地代码调试
wjyfire的博客
12-22 1万+
因为项目前后端分离，要与前端进行接口联调，后端本地启动项目，前端配置IP地址后可以直接访问后端启动的本地项目接口。 前提条件是两台电脑得处于同一局域网下。 此教程后端台式机，前端Mac笔记本。 1、后端启动java项目，接口能正常访问 2、后端电脑cmd输入ipconfig获取ip地址给到前端 3、前端打开Mac终端输入vim /etc/hosts 配置后端IP地址 4、前端用配置的域名可以正常访问接口 ...
前后端本地联调
qq_62022086的博客
10-24 1万+
前端和后端进行本地联调的操作步骤。
svelte-example：一些测试Svelte框架的示例
01-31
苗条的例子 一些示例来测试。 安装 强烈建议节点7。 也可以使用。 npm install npm run build 汇总将所有内容编译到dist文件夹中，在浏览器中打开public/index.html以查看Svelte的运行情况。 汇总插件 埃斯林特 Babel（预设：es2015和Stage-3） Card.svelte 可用的例子 具有默认数据和双向绑定的Hello World组件（输入） 具有默认数据和on:click指令的计数器组件，此值带有观察者 CatList和Cat组件作为嵌套组件
svelte-mode：Svelte的Emacs主要模式
02-05
svelte-mode：Svelte的Emacs主要模式
svelte：Svelte和宗地模板
02-04
与格式化和 使用转译 启用小 入门 npx degit devghost/svelte svelte-app cd svelte-app npm install && npm start 现在转到您喜欢的浏览器并打开localhost:1234 ，您就可以开始了。 建立 要构建项目，请运行以下...
svelte-intellij:WebStorm和朋友中的Svelte组件
04-29
特征语法高亮代码格式打字协助Svelte块的Emmet样式缩写组件，道具和一些指令的完成自动导入零部件从组件导航到其定义安装使用IDE内置插件系统： 设置/首选项>插件>市场>搜索“ Svelte” >安装插件手动： 下载并使用...
swind:使用Svelte和Tailwind构建UI库
03-26
诈骗用户界面Swind UI代表Svelte Tailwind，它受到各种流行的UI组件（例如 ， 和 ）的启发。为什么要使用UI界面？ 希望能够简化使用灵活使用的组件以及易于处理的可访问性和样式的组件创建应用程序的过程。 我们正在...
svelte-undoable:Card.svelte的Memento设计模式
05-09
Card.svelte的Memento设计模式 安装 npm install @macfja/svelte-undoable 用法 import { undoable } from "@macfja/svelte-undoable" let name = undoable ( "John" ) $name = "Jeanne" $name = "Doe" name . undo ...
Vue前端连接本地后端进行调试方法
weixin_49121426的博客
06-14 2893
前后端分离项目，对前端错误进行本地调试
【svelte】svelte快速上手
不忘初心，坚定道路！
04-23 1664
前言 作为一款越来越火的前端框架，svelte以其无虚拟dom的特点快速出线，这次来玩一玩。 安装 npx degit sveltejs/template my-svelte-project 该脚本会去github上拉代码，如果报错，请使用这个地址，下载解压。不用担心，这个下载的和脚本弄下来一模一样，我已经试过了。 package.json { "name": "svelte-app", "version": "1.0.0", "private": true, "scripts":
基于svelte前端和GO后端的rest风格API开发
最新发布
05-25
好的，首先你需要搭建一个GO的后端服务，可以使用gorilla/mux等框架来实现restful API，然后使用Svelte来开发前端页面。 以下是一个简单的示例： 1. 首先，你需要创建一个GO项目并安装gorilla/mux框架： ```go go mod init example.com/myproject go get -u github.com/gorilla/mux ``` 2. 创建一个路由处理程序来处理API请求： ```go package main import ( "encoding/json" "log" "net/http" "github.com/gorilla/mux" ) type User struct { ID string `json:"id"` Username string `json:"username"` Email string `json:"email"` } var users []User func main() { router := mux.NewRouter() router.HandleFunc("/api/users", getUsers).Methods("GET") router.HandleFunc("/api/users/{id}", getUser).Methods("GET") router.HandleFunc("/api/users", createUser).Methods("POST") router.HandleFunc("/api/users/{id}", updateUser).Methods("PUT") router.HandleFunc("/api/users/{id}", deleteUser).Methods("DELETE") log.Fatal(http.ListenAndServe(":8000", router)) } func getUsers(w http.ResponseWriter, r *http.Request) { json.NewEncoder(w).Encode(users) } func getUser(w http.ResponseWriter, r *http.Request) { params := mux.Vars(r) for _, user := range users { if user.ID == params["id"] { json.NewEncoder(w).Encode(user) return } } json.NewEncoder(w).Encode(&User{}) } func createUser(w http.ResponseWriter, r *http.Request) { var user User _ = json.NewDecoder(r.Body).Decode(&user) users = append(users, user) json.NewEncoder(w).Encode(user) } func updateUser(w http.ResponseWriter, r *http.Request) { params := mux.Vars(r) for index, user := range users { if user.ID == params["id"] { users[index] = User{ ID: user.ID, Username: user.Username, Email: user.Email, } json.NewEncoder(w).Encode(users[index]) return } } } func deleteUser(w http.ResponseWriter, r *http.Request) { params := mux.Vars(r) for index, user := range users { if user.ID == params["id"] { users = append(users[:index], users[index+1:]...) break } } json.NewEncoder(w).Encode(users) } ``` 3. 接下来，你可以使用Svelte来创建前端页面： ```html <!-- App.svelte --> <script> let users = []; async function getUsers() { const response = await fetch('/api/users'); users = await response.json(); } </script> <button on:click={getUsers}>Get Users</button> <ul> {#each users as user} <li>{user.username} ({user.email})</li> {/each} </ul> ``` 4. 最后，你需要将GO后端和Svelte前端连接起来。你可以通过将Svelte打包为静态文件并将其放置在GO的public目录中来实现此目的，然后在GO的main函数中添加以下代码： ```go fs := http.FileServer(http.Dir("public")) http.Handle("/", fs) ``` 现在你可以启动GO程序并访问http://localhost:8000 来访问前端页面和API了。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值