vue+vite项目打包生成可以后端修改url ip的相关配置与使用方式

vue项目npm run build打包后会生成一个dist文件,我们有时候需要一个配置文件来更改所有请求ip地址,如果没有这个配置文件,我们就需要每次在项目代码中更改,然后再打包,这样就很麻烦,所以可以选择用一个配置文件来更改打包后的url,方法步骤如下:

(以一个需求为例:判断用户是否登录,如果未登录则提示登录并跳转网址,在开发环境和生产环境分别跳转不同的外部链接)

1.在publice中配置路径

vue+vite项目打包生成可以后端修改url ip的相关配置与使用方式_第1张图片

 2.在要使用的页面引入axios直接使用

vue+vite项目打包生成可以后端修改url ip的相关配置与使用方式_第2张图片

 3.就OK啦进入测试

你可能感兴趣的:(前端,typescript,vue)