首页 > 其他分享 >vue项目打包编译后如何修改后台请求地址

vue项目打包编译后如何修改后台请求地址

时间:2023-09-14 10:55:21浏览次数:42  
标签:文件 vue js 编译 地址 config 打包 页面

1、在public文件夹下新建config.js 文件

2、config.js文件中,编写配置地址代码

 3、在index中引入js文件

 4、使用config.js中的变量,vue页面,js页面都可以用

window.setURL.publicBaseUrl

 

标签:文件,vue,js,编译,地址,config,打包,页面
From: https://www.cnblogs.com/yixiaoyang-/p/17701894.html

相关文章

  • vue的model选项
    vue中的v-model指令实现了表单的双向绑定,官网例子:<inputtype="text"v-model="message"/><p>{{message}}</p>其实v-model只是语法糖,真正的实现形式:<inputtype="text":value="message"@input="message=$event.target.value&......
  • Vue二维码组件
    1.前言该组件依赖qrcode.js与element-ui支持二维码大小配置,点击大图预览该组件以vue文件形式进行封装,需要配置httpVueLoader插件进行引入,其他格式请自行更改源码2.使用方法引入依赖<linkhref="https://cdn.bootcdn.net/ajax/libs/element-ui/2.15.13/theme-chalk/index......
  • 使用pyinstaller和electron将python打包为桌面端应用,无法在win7上执行
    在win10或win11上开发的软件,直接在win7上运行,可能导致下面的问题(python3.11electron23.*)(python3.7electron23.*) 原因在于:win10或win11上的开发环境(如python版本,electron版本)过高,win7不支持该环境。解决办法:降低python版本和electron版本,如:win7支持的python3.7和electron1......
  • vue2实现pc端自适应分辨率
    思路:使用lib-flexible结合postcss-pxtorem实现第一步在项目utils下建立flexible.js文件(直接下载则不用新建该文件)第二部复制以下代码到刚建好的文件中或者直接yarninstalllib-flexible-pc-y//基于libflexible用来适配pc端(function(win,lib){ vardoc=win.docu......
  • 使用pyinstaller打包python(anaconda虚拟环境),生成exe文件过大,改用pipenv创建虚拟环境
    pipenv创建虚拟环境时,创建的python环境必须和本机python版本一致。因为本机的python是anaconda默认的python3.11,所以需要先激活conda下的win7py的虚拟环境。接下来才能使用pipenv–python3.7创建python3.7虚拟环境。 激活虚拟环境pipenvshell 根据项目依赖环境下载相应......
  • VueX写法对比
    原始写法<template><div><h1>当前求和为:{{sum}}</h1><selectv-model.number="n"><optionvalue="1">1</option><optionvalue="2">2</opti......
  • 【Vuejs】Date()常用方法
    Date()常用方法vardate=newDate()console.log(date);//FriOct29202114:18:13GMT+0800(中国标准时间)console.log(date.getMonth());//获取月份(0-11,0代表1月,所以在显示当前时间的时候需要date.getMonth()+1)console.log(date.getYear());......
  • vue实现tab标签选中
    tabs实现<template><div><divv-for="(item,index)intabs":key="index"class="coursespecialtyView-tabs-txt":class="{active:isActive(index)}"@click="changeTab(item......
  • 如何在Vue项目中引入avue进行开发?
    Avue的官网官网地址:​ ​https://avuejs.com/​安装3.1安装npmi@smallwei/avue-S$3.2在main.js中引入//引入importAvuefrom'@smallwei/avue';import'@smallwei/avue/lib/index.css';Vue.use(Avue)4使用4.1官方文档4.2实际应用<template><div&g......
  • Android 编译线程爆了, gradle 内存 OOM 解决之路
    本文首发我的微信公众号徐公,收录于Github·AndroidGuide,这里有Android进阶成长知识体系,希望我们能够一起学习进步,关注公众号徐公,5年中大厂程序员,一起建立核心竞争力背景最近我们项目在编译的时候,编译多次之后,有挺多人反馈会出现OOM的,在项目的根目录下面会出现hs_err_......