来自本地的生产调用api

Question

I have deployed my application (created with npm run build ) to heroku. However, the api calls done on heroku production are from my localhost. How do I change this? Could anyone please advice?

api_axios.js

const axios = require('axios')

export default () => {
  return axios.create({
    baseURL: 'https://myapp.herokuapp.com/api/' || 'http://localhost:1991/api/'
  })
}

server.js

const express = require('express')
const bodyParser = require('body-parser')
const cors = require('cors')
const port = process.env.PORT || 1991


// express app
const app = express()

// middleware
app.use(cors())

// routes
const metrics = require('./routes/api/metrics') 
app.use('/api/metrics', metrics)

// handle production
if(process.env.NODE_ENV === 'production'){
    // static folder
    app.use(express.static(__dirname + '/public/'))

    // handle spa
    app.get(/.*/, (req, res) => res.sendFile(__dirname + '/public/index.html'))
}

// run server
const server = app.listen(port, ()=>{
    console.log(`server running on port ${port}`)
})

Answer 1

Just like you check process.env.NODE_ENV in your server, you should also check environment when you compile your JavaScript.

You can use environment variables (via process.env as above), configuration files (such as require('./config.json') , or any other method you like. At the end of the day though, you shouldn't hardcode your API URL.