config.js内域名地址配置 图片地址拼接前缀

于 2023-04-10 17:11:51 发布
阅读量190 收藏 1
点赞数
文章标签： linux 运维 服务器
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/maoge_666/article/details/130064723
版权
文章讲述了如何在config.js中设置本地环境的IP和端口号，以及如何在页面中引用这些配置。特别是在data内定义变量，并利用接口返回的图片地址如/topBanner来动态生成image标签的src属性。
摘要由CSDN通过智能技术生成

1、config.js
本地环境地址为：ip+端口号
在这里插入图片描述
2、页面引用
路径请对应自己的项目的路径
在这里插入图片描述
3、需要在data内定义一下
在这里插入图片描述
4、页面使用
topBanner为接口返回的图片地址：/profile/upload/article/2019/11/19/036960035ede9f8390131138f469c683.jpg

<image :src="picDomain + topBanner"></image>
maoge_666
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
对vue中 默认的 config/index.js:配置的详细理解 -【以及webpack配置的理解】
05-11 1万+
当我们需要和后台分离部署的时候，必须配置config/index.js: 用vue-cli 自动构建的目录里面  （环境变量及其基本变量的配置） 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 var path = require
html 读写配置文件,js:读取配置文件
weixin_35851240的博客
06-05 2213
前言 ：gis开发中有很多地图url，直接写在各个js文件中，一旦需要修改(例如测试地址改为生产服务器上的arcgis服务地址)会非常麻烦。为了方便管理这些服务地址，让其他开发人员接手时也能明确项目中调用了哪些服务，引入配置文件显得很有必要。下方代码是实际项目的一份js文件，里面带了3个gis相关的地址；一旦需要更改必须全局搜索然后逐个文件去修改地址，非常麻烦。(其他项目示例代码，与后文改造代码无...
js脚本替换拼接图片路径
a_sleepingcat的博客
11-01 2693
#js脚本，拼接图片路径 ##替换拼接页面中图片路径： -$(function () { $(‘img’).each(function () { var imgpath = $(this).attr(‘src’) imgpath = “{% static '” + imgpath + “’ %}” $(this).attr(‘src’, imgpath) }) console.log($('bo...
图片地址域名拼接与截取
JesonXiao1221的博客
06-17 1025
我们在日常开发过程中，难免涉及到图片地址的保存。例如：用户头像，广告轮播图、商品图片等等。 那么在环境切换，或者当文件服务器更换时。所有的图片就需要去修改文件地址。这样工作量太大，而且容易遗漏。特别是在微服务架构下。库表分离，更加不容易去做数据维护。 在这种情况下，我们就需要提前做好准备，把图片地址前缀配置到配置文件中。在做环境迁移，或者更换文件服务器地址/域名时。省去很多不必要的麻烦。我们只需要将图片按照原文件相对路径完整导入过去，再到配置文件中将图片地址前缀更新为新地址即可。 话不多说，下面上工具类：
config.js配置页面中的样式和图片路径
QTFYING的博客
06-24 2797
这个文章用在什么地方，我先说一下，上周啊，我接到一个任务。因为公司业务要对接不同的银行，例如在工行下颜色是红色的，在其他银行下默认为蓝色，所以在页面一致的情况下，保证页面中的按钮和 ICON 是可以配置的，这样秩序改动一个值【颜色或路径】，就能正常全部适配好了，其实这个业务很简单： **第一种方案：我们有新建两个config1.js和config2.js,代码分别类似如下：** var config
js拼接图片文件名
weixin_44761131的博客
07-13 289
拿到一个图片路径 然后截取后面的.png .jpg 等等
详解Vue.js中引入图片路径的几种方式
10-16
4. 动态公共路径引用：在`vue.config.js`中配置`publicPath`选项后，可以在代码中引用资源时加上`publicPath`前缀，使得资源路径能够动态变化。例如，在Vue组件中： ```html <img :src="this.publicPath + 'images...
nuxt.js学习笔记（超级全）
你爹的博客
07-14 1398
平平无奇小菜鸡写的平平无奇小笔记
webpack配置接口地址代理
zyf1910的博客
02-18 1249
前言 在实际项目中，本地开发环境请求服务器接口的时候，存在跨域问题，解决跨域问题有两种方式： 1、关闭浏览器跨域限制 2、使用webpack-dev-server的proxy代理 第一种方式，前面有文章介绍过：各浏览器开启跨域模式 现在说明第二种方式： 1、在webpack.config.js中配置 devServer: { ... proxy: { '/service-core': { target: 'https://test.******.org',
Vue.js中引入图片路径的几种方式
weixin_39854011的博客
02-24 2744
vue中静态资源的引入机制 Vue.js关于静态资源的请查看：官方文档 静态资源可以通过两种方式进行处理： 1、在 JavaScript 被导入或在 template/CSS 中通过相对路径(以 . 开头)被引用。这类引用会被 webpack 处理。 诸如 <img src="..."、background: url(...) 和 CSS @import 的资源 写在 template 中内联 style 的 background: url(...) 样式， 在当前版本的测试中，即使使用了相对路径
js将两张图片合成一张图片
夕阳的云的博客
08-04 3726
现在这个需求是在微信分享的时候将要将播放按钮放在分享图片中，因此需要加上传的分享图片和播放图片合着一张图片 drawAndShareImage(bgsrc, src) { let canvas = document.createElement('canvas'); canvas.width = 400; canvas.height = 400; let context = canvas.getContext('2d'); context.rect(0, 0,...
使用js网址url拼接
CSDN for recording problems
02-14 1142
function param(data) { let url = '' for (var k in data) { let value = data[k] !== undefined ? data[k] : '' url += `&${value}=${encodeURIComponent(value)}` } return url ? url.substr...
项目中的图片路径为什么自动拼上了域名端口
NOyesNONO_的博客
06-07 2531
背景：前端的dist包在后端的resource/static里 这里的src路径，是由后端返回的值，是以sys开头的地址，在控制台中发现，自动补全了前边的http://域名/(项目名/)，并且直接点击连接是可以访问的 经查询：有网友说是：src的连接若不是http, https, ftp…等开头的都会被判断为相对路径，实际导向时就会被加上http://域名/(项目名/)另外，如果想用绝对路径，需要在路径前加上，如file:///D:/…其他网友问的这个问题里边有这个答案...
JavaScript Canvas实现图片拼接与上传（全面且详细，解决图片跨域问题，已踩坑）
crxk_的博客
02-02 2263
基本原理 计算好位置，把要拼接的图片绘制到画布上，然后再保存，没错就是这么简单。 第一步 加载图片 此处以加载网络图片为例，为了避免回调地狱 （callback hell），而且都到2021年了，还不会用Promise就有点说不过去了，首先封装一个函数，用于加载图片。可能有初学者对于此方式不太理解，建议先学习一下Promise。 function getImg(url) { return new Promise((resolve, reject) => { let img = new Im
js怎么写全局配置文件
weixin_42579969的博客
02-13 546
你可以通过以下步骤来写一个全局配置文件： 创建一个 JavaScript 文件，例如 config.js。 在 config.js 中创建一个 JavaScript 对象，并设置一些配置属性，例如： const config = { baseURL: "https://api.example.com", timeout: 5000 }; export default config...
js修改富文本中图片src，增加https://前缀
nobody
11-22 2216
有个需求，富文本内容是<div><img src="profile/upload/2021/11/22/tupian20210619144044.png"/></div>。现在要把富文本中img元素的src属性前都拼接成'http://xx.xxx.xxx.xxx:1001​/profile/upload/2021/11/22/tupian20210619144044.png' 这种格式，前面加后台url前缀。 废话不多说，直接上代码： let noticeCont
JS实现拼接图片src
热门推荐
南乔几经秋、的博客
12-24 1万+
编辑文章后将html格式的文章内容传到后台保存，需要将文章里本地图片的src重新拼接上传，主要代码如下： var con = document.getElementById("manage-preview").innerHTML; //文章内容 //var i = 0; var con1= con.replace(/]*src=['"]([^'"]+)[^>]*>/gi,func
js图片src的拼接格式
pubiao4936的博客
01-14 2562
图片拼接格式在这里哦： html.push(’’); for(var i=0;i&amp;lt;res.data.length;i++){ // var datas=res.data[i] html.push(&quot;&quot;); html.push(&quot;&amp;lt;div class=‘tupian’&quot; + ‘ProjectStartDateTimne=&quot;’+res.data[i].Projec
js遍历图片的url和linkUrl拼接链接
luzijun1992的博客
09-12 1977
dealPictureInfo: function(json) { $.each(json.data, function(i, item) { // “\”为转义字符， /g代表全局匹配 var reg = /http:\/\/public-api.nj.pla.xxx.org/g; // 将url中的h...
vue.config.js定义域名
最新发布
01-26
在Vue项目中，可以通过配置vue.config.js文件来定义域名。vue.config.js是一个可选的配置文件，用于对Vue项目进行自定义配置。 要定义域名，可以在vue.config.js中使用devServer属性来配置开发服务器。具体步骤如下...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值