分类目录归档：Vue3-Dev
你可以按照以下步骤在 VS Code 中进行前端调试：
在 package.json 里配置好启动脚本（如你的 "dev": "vite"）。 在左侧的“运行和调试”视图（或按 ctrl + shift + d）中，点击“创建 launch.json 文件”，选择“Web App (Edge)”或“Web App (Chrome)”。 修改生成的 launch.json，将 url 改为你的本地开发服务器地址（如 http://localhost:5173）。 启动你的开发服务器（如点击 NPM 脚本的“dev”或在终端运行 npm run dev）。 在代码中点击行号左侧设置断点。 在“运行
config.js里面配置
devServer: {
https: {
key: '/home/chf/python_obj/cews/local.chenhaifeng.top.key',
cert: '/home/chf/python_obj/cews/local.chenhaifeng.top_public.crt',
},
//https: true
open: true, // requiest.js
import axios from "axios";
import { ElMessage } from "element-plus";
const apiService = axios.create();
const NETWORK_ERROR = "网络错误...";
// 请求前
// apiService.interceptors.request.use((config) => {
// return config;
// }, (error) => {
// retur安装
npm install --save vue3-slide-verify
使用
<template>
<div>
<slide-verify ref="block" :slider-text="text" :accuracy="accuracy" @again="onAgain" @success="onSuccess"
@fail="onFail" @refresh=&xxx.vue
<template>
<notebookmain v-model:editor_content="editor_content_ref" v-model:editor_title="editor_title_ref"></notebookmain>
</template>
<script>在最外文件夹下创建.env.development文件
ENV = 'development'
VITE_BASE_URL='http://192.168.50.213:8000'
npm install axios
main.js
import { createApp } from 'vue'
import App from './App.vue'
import router from './router.js'
import * as ElementPlusIconsVue from '@element-plus/icons-vue'
import axios from 'axios'
import './assets/manpm install vue-router@4 //不确定名字
router.js
import { createRouter, createWebHistory } from 'vue-router'
export const routes = [
{
path: '/',
name: 'index',
component: () => import('./views/