vscode 配置网址

首先我的项目是一个面向医院的系统

我是在三个文件里都配置了网址

第一个文件:vue.config.js

const path = require('path')
const webpack = require('webpack')
const createThemeColorReplacerPlugin = require('./config/plugin.config')function resolve (dir) {return path.join(__dirname, dir)
}const vueConfig = {publicPath: '/dist',configureWebpack: {plugins: [new webpack.IgnorePlugin(/^\.\/locale$/, /moment$/)],externals: {}},chainWebpack: (config) => {config.resolve.alias.set('@$', resolve('src'))const svgRule = config.module.rule('svg')svgRule.uses.clear()svgRule.oneOf('inline').resourceQuery(/inline/).use('vue-svg-icon-loader').loader('vue-svg-icon-loader').end().end().oneOf('external').use('file-loader').loader('file-loader').options({name: 'assets/[name].[hash:8].[ext]'})},css: {loaderOptions: {less: {javascriptEnabled: true}}},devServer: {port: 8000,proxy: {'/admin': {// target: 'http://压缩的网址:端口号',target: 'http://正常调试的网址:端口号',ws: false,changeOrigin: true}}},productionSourceMap: false,transpileDependencies: [],runtimeCompiler: true
}
if (process.env.VUE_APP_PREVIEW === 'true') {console.log('VUE_APP_PREVIEW', true)vueConfig.configureWebpack.plugins.push(createThemeColorReplacerPlugin())
}module.exports = vueConfig

这个文件里最重要的代码是

  devServer: {port: 8000,proxy: {'/admin': {// target: 'http://压缩网址:端口号',target: 'http://正常网址:端口号',ws: false,changeOrigin: true}}},

第二个出现的地方 是根据自己需要 因为我用到了视频通话 需要建立连接

    // 建立socket及rtconsocket () {if ('WebSocket' in window) {const onlyKey = moment().valueOf() + '_pc'// 生产环境// const url = window.location.hostname + ':8080' + '/websocket?Bedno=' + onlyKey// this.ws = new WebSocket('ws://' + url)// 开发环境this.ws = new WebSocket('ws://网址:端口号/websocket?Bedno=' + onlyKey)this.socket.setWs(this.ws)} else {this.$message.info('您的浏览器不支持websocket')}this.ws.onmessage = this.onmessagethis.ws.onopen = this.onopenthis.ws.onerror = this.onerrorthis.ws.onclose = this.onclose},

所以小伙伴在实际运用中,需要用到视频通话,记得需要建立socket!!

第三个出现的地方是 需要用到文件上传 所以在mounted里也需要加上

  mounted () {// 生产环境// this.originUrl = window.location.protocol + '//' + window.location.host + '/files/'// 开发环境=this.originUrl = 'http://网址:端口号/files/'this.getfilelist()}

 友情提示:小伙伴根据自己的实际需要,去增加、删除网址出现的地方!!!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/81817.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Truenas Scale 安装 Official NextCloud

参考 Lawrence Systems 的 Youtube,频道有教程。 安装 安装 Collabora,只需要修改 账户,密码,及证书。 新增 dataset,名称 “NextCloud_Database”,其他默认新增 dataset,名称 “NextCloud_Data”&#…

什么是边缘计算网关?

边缘计算网关(简称 边缘网关)将云端功能扩展到本地的边缘设备,使边缘设备能够快速自主地响应本地事件,提供低延时、低成本、隐私安全、本地自治的本地计算服务。 同时所有服务都以 Docker 镜像方式安装,真正做到了跨平…

vue-grid-layout移动卡片到页面底部时页面滚动条跟随滚动

问题描述:默认情况下 vue-grid-layout 移动卡片到页面底部时页面滚动条并不会跟随卡片滚动。 问题解决: 在 grid-item中的move事件中,获取到当前移动的元素,并使用scrollIntoView方法来实现滚动条跟随。 代码如下: c…

安卓系列机型 另类体验第三方系统 DSU操作步骤解析 不影响主系统开启第二系统

dsu loader即 动态系统更新,可以在使用动态分区的安卓设备上,不影响原来系统的同时安装一个副系统,用于体验最新的原生安卓系统。可以不影响主系统的基础上体验其他gsi第三方。DSU 依赖于 Android 动态分区功能,并要求 GSI 作为可…

python爬虫爬取电影数据并做可视化

思路: 1、发送请求,解析html里面的数据 2、保存到csv文件 3、数据处理 4、数据可视化 需要用到的库: import requests,csv #请求库和保存库 import pandas as pd #读取csv文件以及操作数据 from lxml import etree #解析html库 from …

山西电力市场日前价格预测【2023-09-19】

日前价格预测 预测说明: 如上图所示,预测明日(2023-09-19)山西电力市场全天平均日前电价为358.08元/MWh。其中,最高日前电价为417.72元/MWh,预计出现在19: 00。最低日前电价为325.97元/MWh,预计…

C++ 数字图像处理之FAST 角点检测

目录 一、原理二、参考文献三、代码示例使用FAST特征检测器来检测图像中的特征点,这些特征点可以用于后续的匹配、识别等任务。 一、原理 CV_WRAP static Ptr<FastFeatureDetector> create( int threshold=10,bool nonmaxSuppression=true,int type=FastFeatureDetecto…

如何管理职场新人?

对新人来说&#xff0c;早期多学到点东西&#xff0c;比多一点工资重要得多。我带过很多新人&#xff0c;他们在工作中确实出现了很多低级错误&#xff0c;人为提醒或者帮助其改正效果并不好。最后我总结了一套通用流程来管理。 首先&#xff0c;我们得明确一个道理&#xff0…

十四、流式编程(2)

本章概要 中间操作 跟踪和调试流元素排序移除元素应用函数到元素在 map() 中组合流 中间操作 中间操作用于从一个流中获取对象&#xff0c;并将对象作为另一个流从后端输出&#xff0c;以连接到其他操作。 跟踪和调试 peek() 操作的目的是帮助调试。它允许你无修改地查看…

为何网站一定要使用SSL证书

当您在浏览器中输入网址并按下回车键时&#xff0c;您是否曾想过您的个人信息和隐私是否会被窃取&#xff1f;在当今数字化的时代&#xff0c;网络安全问题越来越受到人们的关注。而SSL证书正是保护您的网站和用户信息安全的重要工具。 SSL证书是一种数字证书&#xff0c;它使用…

Qt Quick 之 QML 与 C++ 混合编程详解

Qt Quick 之 QML 与 C 混合编程详解 一、Qt Quick 之 QML 与 C 混合编程详解在 QML 中使用 C 类和对象实现可以导出的 C 类Q_INVOKABLE 宏Q_ENUMSQ_PROPERTY注册一个 QML 中可用的类型注册 QML 类型在 QML 中导入 C 注册的类型完整的 colorMaker 实例导出一个 C 对象为 QML 的属…

git 的文件目录错误删除 --chatGPT

问&#xff1a;git 的文件目录错误删除&#xff0c;需要还原到最后一次提交的位置&#xff0c;如何操作 gpt: 如果您在Git中删除了文件或目录&#xff0c;想要还原到最后一次提交的位置&#xff0c;可以使用以下步骤&#xff1a; 1. **查看Git状态**&#xff1a;首先&#x…

【八大经典排序算法】冒泡排序

【八大经典排序算法】冒泡排序 一、概述二、思路解读三、代码实现四、优化 一、概述 冒泡排序由于其简单和易于理解&#xff0c;使其成为初学者学习排序算法的首选&#xff0c;也是初学者接触到的第一个排序算法。其原理是通过重复交换相邻的元素来将最大的元素逐步“冒泡”到…

二叉树的概念、存储及遍历

一、二叉树的概念 1、二叉树的定义 二叉树&#xff08; binary tree&#xff09;是 n 个结点的有限集合&#xff0c;该集合或为空集&#xff08;空二叉树&#xff09;&#xff0c;或由一个根结点与两棵互不相交的&#xff0c;称为根结点的左子树、右子树的二叉树构成。 二叉树的…

C语言开发手册,辅助工具

方便查函数,头文件,日常语法,c99与c11的差异,等 https://www.php.cn/manual/view/34866.html

目标检测网络之Fast-RCNN

文章目录 Fast RCNN解决的问题Fast RCNN网络结构RoI pooling layer合并损失函数及其传播统一的损失函数损失函数的反向传播过程Fast RCNN的训练方法样本选择方法SGD参数设置多尺度图像训练SVD压缩全连接层对比实验对比实验使用到的网络结构VOC2010和VOC2012数据集结果VOC2007数…

【JDK 8-函数式编程】4.6 方法引用与构造函数引用

一、 方法引用与构造函数引用 1. 说明 2. 语法: 二、静态方法 三、实例方法 四、构造函数 4.1 单个参数 4.2 2个参数 五、执行结果 一、 方法引用与构造函数引用 以前调用&#xff1a;对象.方法名、类名.方法名 jdk1.8提供了另外一种调用方式 :: 1. 说明 用来直接访…

分布式缓冲-搭建主从架构

个人名片&#xff1a; 博主&#xff1a;酒徒ᝰ. 个人简介&#xff1a;沉醉在酒中&#xff0c;借着一股酒劲&#xff0c;去拼搏一个未来。 本篇励志&#xff1a;三人行&#xff0c;必有我师焉。 本项目基于B站黑马程序员Java《SpringCloud微服务技术栈》&#xff0c;SpringCloud…

上海长宁来福士P2.5直径4米无边圆形屏圆饼屏圆面屏圆盘屏平面圆屏异形创意LED显示屏案例

长宁来福士广场是一个大型广场&#xff0c;坐落于上海中山公园商圈的核心区域&#xff0c;占地逾6万平方米&#xff0c;其中地上总建筑面积近24万平方米&#xff0c;总投资额约为96亿人民币。 LED圆形屏是根据现场和客户要求定制的一款异形创意LED显示屏&#xff0c;进行文字、…

WPF中DataGrid控件绑定数据源

步骤 创建数据源&#xff1a;首先&#xff0c;我们需要创建一个数据源&#xff0c;可以是一个集合&#xff08;如List、ObservableCollection等&#xff09;&#xff0c;也可以是一个DataTable对象。数据源中的每个元素代表一行数据。 设置DataGrid的ItemsSource属性&#xff…