rollup 引入axios 包 编译后api请求不能正常返回接口数据
Jokcy 老师，遇到一个问题，查了些文档还是没能解决，求助一下。
本地 npm run dev 能正常请求api并获取接口返回数据
npm run build 之后， serve -s dist 接口返回不在是json 数据 而是 html 字符串
simple test
axios 文件
import axios from 'axios/dist/axios'
const instance = axios.create({
timeout: 10000,
});
// 请求拦截
instance.interceptors.request.use((config) => {
// NProgress.start(); // start progress bar
config.headers['accessToken'] = ''
return config
})
// 响应拦截
instance.interceptors.response.use(
(res) => {
let data = res
if (res.data) {
data = res.data
}
if (res.data.data) {
data = res.data.data
}
let status = Number(res.status) || 200
let message = data.message || 'Network error'
if (status === 401) {
// TODO: 登录
}
// 如果请求为非200否者默认统一处理
if (status !== 200) {
return Promise.reject(message)
}
return Promise.resolve(data)
},
(error) => {
return Promise.reject(error)
},
)
export default instance
vite.config.js 配置文件
import {
defineConfig
} from 'vite'
import vue from '@vitejs/plugin-vue'
import styleImport from 'vite-plugin-style-import'
import pxtorem from 'postcss-pxtorem'
import commonjs from '@rollup/plugin-commonjs'
import nodeResolve from '@rollup/plugin-node-resolve'
const {
resolve
} = require('path')
// https://vitejs.dev/config/
export default defineConfig({
resolve: {
alias: {
'@': resolve(__dirname, 'src'),
'vue-i18n': 'vue-i18n/dist/vue-i18n.cjs.js',
},
},
plugins: [
vue(),
nodeResolve(),
commonjs(),
styleImport({
libs: [{
libraryName: 'vant',
esModule: true,
resolveStyle: (name) => `vant/es/${name}/style`,
}, ],
}),
],
css: {
postcss: {
plugins: [
pxtorem({
rootValue: 37.5,
propList: ['*'],
}),
],
},
},
server: {
host: '127.0.0.1',
port: 3002,
proxy: {
'/v3': {
target: 'https://domain.net',
changeOrigin: true
}
}
},
build: {
target: 'es2021',
assetsDir: 'assets',
// rollupOptions: {
// external: [
// 'axios'
// ]
// }
},
})
841
收起
正在回答 回答被采纳积分+3
1回答
gongyangxu
2022-01-04 18:39:06
相似问题
老师，接口返回400
1140
0
3
搜索数据不匹配
787
0
4
老师你好，请问下图这里为什么要写两遍返回值类型
467
1
5
如果前端ajax请求大量表数据，tp5 用什么方法返回？
804
0
3
登录后可查看更多问答，登录/注册
