vue-axios | 封装axios | Command Line Interface library

I am currently deploying my Vue 3 project (with Laravel API Backend) and I am having some troubles with deploying.

What I am trying to do is, I used git-ftp to push my Vue project to production server and then I run npm install and npm run build to build the app. I am getting an error:

FATAL ERROR: MarkCompactCollector: young object promotion failed Allocation failed - JavaScript heap out of memory

I have read on some similar questions that one possible way was to use command with allocating more memory to Vue

npx --max_old_space_size=4095 vue-cli-service build --modern

however this produced the same error. These are my package.json dependencies (dev included)

Here's the problem I'm having. I have a Leads page, that is my Leads.vue template. It loads my leads and then passes the leads data to other components via props.

The LeadSources component receives a computed method as it's property. You can see that on the Leads.vue page, the LeadSources component calls the getSourceData() method for it's property data.

When I check the value of the props for LeadSources.vue in the setup() the value for chartData initially is an empty array. If the page hot-reloads then the LeadSources apexchart will populate with the :series data but otherwise I cannot get it to work.

Essentially it works like this.

Leads.vue passes getSourceData() to the LeadsSources.vue component which on the setup() sets it as the variable series and tries to load the apexchart with it.

It will not work if I refresh my page but if I save something in my IDE, the hot-reload will load the updated apexchart and the data appears. It seems like the prop values don't get set in the setup() function the first time around. How do I architecturally get around this? What's the proper way to set this up? I can't tell if the issue is on the leads.vue side of things or with the way that the LeadSources.vue component is being put together.

Any help would be appreciated, I've spent way too long trying to get this to work properly.

Leads.vue

I am very new to Vue and I am trying to set up vue-i18n and continue to get console warnings

It's my first time trying to use Vue and I've run into some troubles with axios. I have installed and imported it as per instructions on the website. But when I'm trying to use it, I'm getting an error

TS2339: Property 'axios' does not exist on type 'TodoList'.

Here's my main.ts

to explain my problem, I will start by saying that I am currently making a system in Vue with backend API Laravel (irrelevant). I am making them as 2 separate projects. My problem is in the frontend Vue part. I created it using Vue CLI.

Here is my package.json file:

I'm learning Vuejs and in my project I have some warnings and nothing display since I tried to use the store (VUEX)

So I have :

...

I'm trying to made a POST request on a NET CORE 5 service (hosted on IIS 10) from a Vue.js app with axios.

When I test the service with POSTMAN it's working perfectly but with Axios I'm always getting a 405 from the server.

Analyzing the requests with fiddler are looking very different. IN the axios request the content-type header is missing and the method is OPTIONS instead of POST.

This is the POSTMAN request:

I have a Vue3 project with SSR, Vue-Cli, Vuex and Typescript.

In the router page I need to commit data to the Vuex Store. In a .vue file I simply use this.$store which is typed in vuex.d.ts, like:

I have a vue NodeJs project copied from other computer, it can run on other computer, I have installed node js on this computer, just can't run this project like other computer. I need to find out where the problem is. Npm version is 7.21.1, Node js version is 16.9.1。 I execute npm run serve and it shows errors: