全局挂载问题

来源:1-1 课前须知,这里有你需要了解得一切

xiaorenwu029

2021-06-11

测试环境没有问题,但是打包生产环境,console.log打印挂载全局的变量都是undefined,不知道是什么原因查了挂载的方法,没感觉哪里有问题,下面的代码是main.js挂载的代码

import { createApp } from 'vue'
import App from './App.vue'
import router from "./router";
import ElementPlus from 'element-plus'
import 'element-plus/lib/theme-chalk/index.css';
import request from "./utils/requests";
import storage from "./utils/storage";
import api from './api';
import store from "./store";

const app = createApp(App);
app.config.globalProperties.$request = request;
app.config.globalProperties.$api = api;
app.config.globalProperties.$storage = storage;
app.use(router).use(ElementPlus,{size:'small'}).use(store).mount('#app')

这是使用的代码

const { ctx } = getCurrentInstance();
 const getCityIndexInfo = async () => {
      cityData.value = await ctx.$api.getCityIndexData();
 };

下面打印的就是undefined,不知道哪里有问题?

写回答

2回答

河畔一角

2021-06-16

ctx对象要在vue文件里面用,不能放在main.js里面用,没有意义

0
0

河畔一角

2021-06-13

你在哪儿打印的?代码里面也没有console.log和

0
1
xiaorenwu029
生产环境下,我将ctx换成proxy就可以了,查资料说是dev环境可以使用ctx,生产环境就要换成proxy,问题算是解决了,谢谢老师
2021-06-16
共1条回复

Vue3+ElementPlus+Koa2 全栈开发后台系统

从前端晋级到全栈,让你的未来发展有更多可能

1069 学习 · 580 问题

查看课程