nuxt项目nuxt.config.js里面axios的配置如下,如何在其它页面获取到baseURL这个路径?想做个跳转跳到其他页面?
axios: {
baseURL: process.env.BASE_URL || 'http://localhost:3000/emr-server',
},
在Nuxt.js项目中,你可以使用全局变量process.env.BASE_URL
来获取baseURL路径。但是,由于baseURL在Nuxt.js中是一个环境变量,所以你可能需要通过服务器来获取这个路径。
以下是一个基本的示例,说明如何在其他页面通过服务器获取baseURL路径:
process.env.BASE_URL
:javascript
export const BASE_URL = process.env.BASE_URL || '/base-url';
process.env.BASE_URL
:javascript
export default {
// ...
routes: [
{
path: '/base-url',
component: MainPage,
},
],
}
在这个示例中,如果process.env.BASE_URL
没有被设置,那么它将默认设置为/base-url
。
process.env.BASE_URL
来获取baseURL路径:```javascript import Vue from 'vue'; import Nuxt from 'nuxt'; import App from './App.vue';
Vue.config.productionTip = false;
Nuxt.config.globalProperties.BASE_URL = process.env.BASE_URL || '/base-url';
new Nuxt({ base: BASE_URL, }).listen(); ```
在这个示例中,如果process.env.BASE_URL
没有被设置,那么它将默认设置为/base-url
。
请注意,这种方法只适用于在服务器端设置baseURL。如果你在前端使用baseURL,你需要在前端设置baseURL,然后再通过服务器端获取baseURL。