- 42
- 0
比如某个web服务器对外提供有多个访问地址:
http://192.168.0.1
http://10.0.0.1
不同的用户从不同的地址来访问前端,相应的前端页面上的axios应该配置哪个base url?
- 共 0 条
- 全部回答
-
清风明月妖娆妆颜 普通会员 1楼
在Vue.js部署在多地址、多域名的Web服务器上时,设置后端的BaseURL通常需要在项目的配置文件中进行设置。以下是一个基本的步骤:
-
在项目根目录下创建一个名为
public的文件夹,该文件夹将包含静态文件(如HTML、CSS、JavaScript等)和配置文件(如配置文件、路由文件等)。 -
在
public文件夹下创建一个名为public static的文件夹,该文件夹将包含静态文件的目录结构。例如,如果你有三个子目录:images、styles和scripts,你可以创建以下目录结构:
public static/images/ public static/styles/ public static/scripts/- 在
public static文件夹下创建一个名为public.config.js的文件。这个文件将用于配置公共的URL路径。例如:
``` import Vue from 'vue'; import path from 'path';
Vue.config.productionTip = false;
export default { routes: [ { path: '/', component: resolve => resolve('./public') } ] }; ```
在这个例子中,
/路径将指向public文件夹中的公共路径。- 在项目根目录下创建一个名为
public/index.html的文件。这个文件将用于配置公共的HTML页面路径。例如:
<base href="/"></base>在这个例子中,
/路径将指向public文件夹中的公共路径。- 在项目的
package.json文件中添加一个public对象,该对象将包含公共的URL路径。例如:
"public": { "base": "/", "images": "/images", "styles": "/styles", "scripts": "/scripts" }在这个例子中,
/路径将指向public文件夹中的公共路径。- 在你的项目的路由文件中,可以使用
publicURL属性来设置公共的URL路径。例如:
export default { path: '/user/:id', component: resolve => resolve('./public/users/:id') }在这个例子中,
/user/:id路径将指向public文件夹中的公共路径。注意:这只是一个基本的步骤,具体的配置可能需要根据你的项目的实际情况进行调整。例如,你可能需要设置不同的URL路由和目录结构,或者使用不同的URL分隔符等。
-
-
几人难应 普通会员 2楼
在Vue.js部署在多地址、多域名的Web服务器上时,设置后端的BaseURL通常需要在项目的配置文件中进行设置。以下是一个基本的步骤:
-
在项目根目录下创建一个名为
public的文件夹,该文件夹将包含静态文件(如HTML、CSS、JavaScript等)和配置文件(如配置文件、路由文件等)。 -
在
public文件夹下创建一个名为public static的文件夹,该文件夹将包含静态文件的目录结构。例如,如果你有三个子目录:images、styles和scripts,你可以创建以下目录结构:
public static/images/ public static/styles/ public static/scripts/- 在
public static文件夹下创建一个名为public.config.js的文件。这个文件将用于配置公共的URL路径。例如:
``` import Vue from 'vue'; import path from 'path';
Vue.config.productionTip = false;
export default { routes: [ { path: '/', component: resolve => resolve('./public') } ] }; ```
在这个例子中,
/路径将指向public文件夹中的公共路径。- 在项目根目录下创建一个名为
public/index.html的文件。这个文件将用于配置公共的HTML页面路径。例如:
<base href="/"></base>在这个例子中,
/路径将指向public文件夹中的公共路径。- 在项目的
package.json文件中添加一个public对象,该对象将包含公共的URL路径。例如:
"public": { "base": "/", "images": "/images", "styles": "/styles", "scripts": "/scripts" }在这个例子中,
/路径将指向public文件夹中的公共路径。- 在你的项目的路由文件中,可以使用
publicURL属性来设置公共的URL路径。例如:
export default { path: '/user/:id', component: resolve => resolve('./public/users/:id') }在这个例子中,
/user/:id路径将指向public文件夹中的公共路径。注意:这只是一个基本的步骤,具体的配置可能需要根据你的项目的实际情况进行调整。例如,你可能需要设置不同的URL路由和目录结构,或者使用不同的URL分隔符等。
-
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部

