域名下二级三级部署静态文件地址配置（publicPath）根目录地址配置（base） vue

最新推荐文章于 2024-10-15 09:40:39 发布

没错就是我哎呀

最新推荐文章于 2024-10-15 09:40:39 发布

阅读量1.6k

点赞数

分类专栏：前端 vue 打包

本文链接：https://blog.youkuaiyun.com/he3236220/article/details/118572267

版权

如：www.text.com/aa配置pc显示项目，配置后台管理项目
接口地址：www.text.com/aa/api

nuxt 配置(www.text.com/aa配置pc显示项目)

nuxt.config.js

export default {
  router: {
    	base: '/aa/'
  	},
  }

baseURL 配置

在这里插入图片描述

import axios from 'axios'
axios.defaults.headers['X-Requested-With'] = 'XMLHttpRequest'
axios.defaults.headers.post['Content-Type'] = 'text/plain;charset=UTF-8'
const baseURL = 'www.text.com/aa/api'

vue.config.js配置

当打包后的文件css,js文件路径不对时，可以修改此处，设置publicPath

module.exports = {
	//路径前缀
	 publicPath: "./",
	 //开发模式反向代理配置，生产模式请使用Nginx部署并配置反向代理
  devServer: {
    port: 1888,
    proxy: {
      '/api': {
        //本地服务接口地址
        target: 'http://www.text.com/aa',
        ws: true,
        pathRewrite: {
          '^/api': '/'
        }
      }
    }
  }
}

接口地址不对时
在这里插入图片描述

import axios from 'axios';
import store from '@/store/';
import router from '@/router/router';
//默认超时时间
axios.defaults.timeout = 10000;
//设置接口路径的根目录文件