我正在努力部署 nuxt create-app。
事实上,当我运行 $ npm run generate
它会生成一个 dist 文件夹,其中 _nuxt/
的路径不正确文件夹。
事实上 .html 文件的正确相对路径应该是 _nuxt/test.js
而不是 /_nuxt/test.js
(没有第一个“/”),因为它将搜索根目录中的文件。
我已经搜索了几个小时,但找不到有效的解决方案。
我找到了 Errors when publishing my nuxtjs website on SSR mode但老实说我不明白如何实现它,什么是 ngix?我必须修改的文件是什么?我不知道
在我的 nuxt.config.js 下面
const pkg = require('./package')
module.exports = {
mode: 'universal',
/*
** Headers of the page
*/
head: {
title: pkg.name,
meta: [
{ charset: 'utf-8' },
{ name: 'viewport', content: 'width=device-width, initial-scale=1' },
{ hid: 'description', name: 'description', content: pkg.description },
{ hid: 'keywords', name: 'keywords', content: 'pellet, pellets, madrid, cuenca, segovia, toledo, guadalajara' }
],
link: [
{ rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' },
{ rel: 'stylesheet', href: 'https://fonts.googleapis.com/css?family=Merriweather|Open+Sans'},
{ rel: 'stylesheet', href: 'assets/fonts/fontawesome/css/all.css'}
]
},
/*
** Customize the progress-bar color
*/
loading: { color: '#fff' },
/*
** Global CSS
*/
css: [
// SCSS file in the project
'@/assets/css/main.scss'
],
/*
** Plugins to load before mounting the App
*/
plugins: [
'@/plugins/vee-validate'
],
/*
** Nuxt.js modules
*/
modules: [
// Doc: https://axios.nuxtjs.org/usage
'@nuxtjs/axios',
// Doc: https://bootstrap-vue.js.org/docs/
'bootstrap-vue/nuxt'
],
/*
** Axios module configuration
*/
axios: {
// See https://github.com/nuxt-community/axios-module#options
},
/*
** Build configuration
*/
build: {
/*
** You can extend webpack config here
*/
extend(config, ctx) {
// Run ESLint on save
if (ctx.isDev && ctx.isClient) {
config.module.rules.push({
enforce: 'pre',
test: /\.(js|vue)$/,
loader: 'eslint-loader',
exclude: /(node_modules)/,
options : {
fix : true
}
})
}
},
/*
** POST CSS
*/
postcss: {
// Add plugin names as key and arguments as value
// Install them before as dependencies with npm or yarn
//postcss-loader autoprefixer
plugins: {
// Disable a plugin by passing false as value
// 'postcss-url': false,
// 'postcss-nested': false,
// 'postcss-responsive-type': false,
'postcss-hexrgba': {}
},
preset: {
// Change the postcss-preset-env settings
autoprefixer: {
grid: true
}
}
}
}
}
请帮助我最终解决这个噩梦。
非常感谢,
最佳答案
我不确定 Hasan 如何使用build设置为您解决问题:publicPath
作为“公众”。
就我而言,我刚刚替换了 public/
与 .nuxt/dist/client/
它对我有用。
p.s .nuxt/
是一个不可见的文件夹 .
关于javascript - NUXT - 无法加载资源 : the server responded with a status of 404,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54615007/